* {
    box-sizing: border-box;
}

li {
    list-style: none;
}

.container {
    width:1170px;
    margin:0 auto;
}

header {
    text-align:center;
}

footer {
    width:1170px;
    margin:0 auto;
    height:50px;
    background-color:green;
}

footer a {
    text-decoration: none;
    color:#ffffff;
    float:right;
    padding:15px 10px 0 0;
}

footer a:visited {
    color:#ffffff;
}

.site-logo {
    width:200px;
    font-size:40px;
    text-decoration: none;
    color:green;
}

.site-logo:visited {
    color:green;
}

.top-menu {
    display:flex;
    text-align:center;
    margin-bottom:10px;
    display:none;
}

.top-menu a {
    flex:auto;
    background-color:green;
    padding:10px 30px;
    color:#ffffff;
    border:1px solid #ffffff;
    text-decoration: none;
}

.info {
    width:50%;
    border:1px solid #000000;
    margin:0 auto 10px auto;
}

.info p {
    font-weight:bold;
    text-align:center;
}

.game-menu {
    display:flex;
    flex-wrap:wrap;
    margin:0 auto;
}

.game {
    border:1px solid #000000;
    margin-bottom:10px;
    padding:5px;
    flex:auto;
    width:30%;
}

.game img {
    width:50%;
    float:left;
    padding-right:5px;
}