body {
    background-color: 364758;
    a:link {
        color:rgb(124, 194, 252);
    }
    a:visited {
        color:rgb(63, 99, 129);
    }
    color: #FFFF;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    /* fonts */
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    overflow: hidden;
}

body a:link {
    color: rgb(255, 255, 255);
}

body a:visited {
    color: rgb(255, 255, 255);
}

/* containers */
.main {
    background-color: #2B3945;
    border-radius: 10px;
    padding: 20px;
    margin: 20px;
    width: 300px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.socials {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px;
}

.games {
    background-color: #48545f;
    border-radius: 10px;
    padding: 20px;
    margin: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}