body {
    background-color: #3B4252;
    margin: auto;
    max-width: 750px;
    font-family: "Wix Madefor Display", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
}

h1 {
    color: #b3c8ec;
}

h2 {
    color: #7688a5;
}

h3 {
    color: #9db5db;
}

p {
    color: #ECEFF4
}

.game-list {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.game-list > iframe {
    padding-bottom: 1em;
    width: 100%;
}

a {
    color: #9db5db;
}

a:visited {
    color: #9db5db;  
}

@media only screen and (max-width: 600px) {
    h1 {
        font-size: 3em;
    }

    h2 {
        font-size: 2em;
    }

    h3 {
        font-size: 2em;
    }
  }