*{
    margin: 0;
    padding: 0;
}

body
{
    background-color: #333635;
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(230, 230, 230);
}

.wrapper
{
    margin: auto;
    width: 100%;
    height: 100vh;
    max-width: 30cm;

}

.logo
{
    font-size: 1cm;
    display: inline-block;
}

header
{
    padding: 20px 40px 20px;
    border-bottom-color: rgb(231, 220, 220);
    border-bottom-width: 3px;
    border-bottom-style:solid;
    text-align: center;
}

nav
{
    padding-top: 5px;
}

nav li
{
    display: inline;
    font-size: 0.5cm;
    padding-left: 3px;
    padding-right: 3px;
}

main
{
    background-image:url("/Img/Back2.png");
    background-color:rgba(0, 0, 0, 0.8);
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin:auto;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    min-height:80vh;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.gameList
{
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
}

.game
{
    white-space: nowrap;
    padding: 25px
}

.gameIcon
{
    width: 300px;
    display: inline;
    vertical-align: middle;
}

.gameScreenshot
{
    width: 800px;
    aspect-ratio: 16/9;
    max-width: 95%;
    padding: 5px;
    display: inline;
}

footer 
{
    background-color: rgba(0, 0, 0, 0.75);
    text-align: center;
    width:100%;
    height:30px;
    padding-top: 15px;
    border-bottom-color: rgb(243, 135, 46);
    border-bottom-style:solid;
    border-bottom-width: 2px;
}

h1
{
    font-size: 1.2cm;
}

p
{
    white-space: normal;
    font-size: 0.4cm;
}

a
{
    color: white;
    background-color: transparent;
    text-decoration: none;
}

a:hover, a:active
{
    color: rgb(255, 102, 0);
    background-color: transparent;
    text-decoration: none;
}

.highlighted
{
    color: rgb(255, 102, 0);
    text-decoration: underline;
}


@media screen and (min-width:700px)
{
    header
    {
        text-align: unset;
    }

    nav
    {
        padding-top:15px;
        float:right;
    }

    nav li
    {
        padding-left: 10px;
        padding-right: 10px;
    }

    h1
    {
        font-size: 2cm;
    }

    p
    {
        font-size: 0.6cm;
    }

}