div.wrapper{
    padding-top: 25px;
    width: 500px;
}

p.games{
    width: 95%;
    margin: 0 auto 10px;
    font-size: 22px;
}

div.games{
    width: 95%;
    border-radius: 10px;
    background-color: var(--background_darkest);
    padding: 5px 5px;
    margin: 0 auto;
}

p.game{
    display: block;
    width: 95%;
    margin: 10px auto;
    height: 60px;
}

a.game{
    display: block;
    border-radius: 10px;
    width: 95%;
    margin: 10px auto;
    background-color: var(--red);
    text-align: center;
    height: 60px;
    line-height: 58px;
    font-size: 22px;
}

a.new{
    display: block;
    height: 60px;
    line-height: 58px;
    background-color: var(--blue);
    text-align: center;
    margin: 10px auto;
    width: 95%;
    font-size: 22px;
    border-radius: 10px;
}

@media only screen and (max-width: 550px) {
    div.wrapper {
        width: 90%;
    }
}