body
{
    margin: 0;
    padding: 0;
    background-color: rgb(235, 235, 235);
    transition: .3s ease;

    font-family: "Lato", sans-serif;
    font-size: 20px;
    font-weight: 400;
}

.hidden
{
    display: none !important;
}

button
{
    cursor: pointer;
}

a
{
    cursor: pointer;
    text-decoration: none;
    color: rgb(40, 40, 40);
}

.darkmode a
{
    color: rgb(235, 235, 235);
}

.darkmode
{
    background-color: rgb(42, 42, 42);
    color: rgb(235, 235, 235);
    transition: all .3s ease;
}

.header
{
    background-color: rgb(235, 235, 235);
    overflow: hidden;
    top: 0;
    padding: 20px 10px;
    width: rh;
    height: 50px;
    margin: 10px auto;
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: sticky;
    z-index: 10;
    transition: all .3s ease;

    -webkit-box-shadow: 0px 20px 21px 0px rgba(0,0,0,0.4); 
    box-shadow: 0px 20px 21px 0px rgba(0,0,0,0.4);
}

.darkmode .header
{
    background-color: rgb(42, 42, 42);
    transition: all .3s ease;
}

.topbar
{
    font-family: "Lato", sans-serif;
    font-size: 20px;
    font-weight: 400;
    padding: 10px;
    display: flex;
    width: 75%;
    justify-content: center;
    align-items: center;
    gap: 45px;
    margin: 0 auto;
    color: #121212; 
}

.darkmode .topbar
{
    color: #d7d7d7
}

#selected
{
    font-weight: 800;
    color: #121212;
}

.darkmode #selected
{
    color: rgb(235, 235, 235);
}

.darkmodeimage {
    filter: invert(0%);
    transition: filter 0.3s ease;
    width: 40px
}

body.darkmode .darkmodeimage {
    filter: invert(100%);
    width: 43px
}

.darkmodebutton
{
    border: 0;
    background-color: transparent;
}

#logoIcon
{
    width: 50px;
    border-radius: 10px;
}

#gameName
{
    margin: auto;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.gameEmbed
{
    width: 1000px;
    height: 563px;
    background: #d7d7d7;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: auto;
    margin-top: 50px;
    border-radius: 10px;
}

.gameEmbed iframe
{
    margin-top: auto;
}

#fullscreen
{
    width: 1000px;
    height: 50px;
    display: flex;
    margin: 20px auto;
    border-radius: 10px;
    text-align: center;

    justify-content: center;
    align-items: center;

    background-color: rgb(82, 82, 82);
    color: #d7d7d7;
    border: transparent;
    font-family: "Lato", sans-serif;
    font-size: 20px;
    
    transition: all .2s linear;
}

#fullscreen:hover
{
    background-color: rgb(95, 95, 95);
}