@import url("https://fonts.googleapis.com/css2?family=Geo&display=swap");
:root {
    --btn-color: #cbe2fe;
    --btn-hover-color: #ffe8f0;
}
body {
    margin: 0;
    padding: 0;
    background-color: #000000;
    color: #ffffff;
}
#center {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0px;
    box-sizing: border-box;
}
.centertext {
    margin: 0px;
    font-size: larger;
    font-family: "Geo", sans-serif;
    font-weight: 400;
    font-style: normal;
}
#playgamebtn {
    margin: 10px;
    font-size: larger;
    font-family: "Geo", sans-serif;
    font-weight: 400;
    font-style: normal;
    background-color: var(--btn-color);
    border-radius: 5px;
    border: none;
    transition: background-color 1s;
    cursor: pointer;
    color: blue;
}
#playgamebtn:hover {
    background-color: var(--btn-hover-color);
}
#downloadosbtn {
    margin: 10px;
    font-size: larger;
    font-family: "Geo", sans-serif;
    font-weight: 400;
    font-style: normal;
    background-color: var(--btn-color);
    border-radius: 5px;
    border: none;
    transition: background-color 1s;
    cursor: pointer;
    color: blue;
}
#downloadosbtn:hover {
    background-color: var(--btn-hover-color);
}
#chargenbtn {
    margin: 10px;
    font-size: larger;
    font-family: "Geo", sans-serif;
    font-weight: 400;
    font-style: normal;
    background-color: var(--btn-color);
    border-radius: 5px;
    border: none;
    transition: background-color 1s;
    cursor: pointer;
    color: blue;
}
#chargenbtn:hover {
    background-color: var(--btn-hover-color);
}
#githubtn {
    margin: 10px;
    font-size: larger;
    font-family: "Geo", sans-serif;
    font-weight: 400;
    font-style: normal;
    background-color: var(--btn-color);
    border-radius: 5px;
    border: none;
    transition: background-color 1s;
    cursor: pointer;
    color: blue;
}
#githubtn:hover {
    background-color: var(--btn-hover-color);
}
#ytbtn {
    margin: 10px;
    font-size: larger;
    font-family: "Geo", sans-serif;
    font-weight: 400;
    font-style: normal;
    background-color: var(--btn-color);
    border-radius: 5px;
    border: none;
    transition: background-color 1s;
    cursor: pointer;
    color: blue;
}
#ytbtn:hover {
    background-color: var(--btn-hover-color);
}