html { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; } body { margin: 1em auto; padding: 0; border: 0; font: inherit; vertical-align: baseline; font-size: 1.4em; line-height: 1.4; max-width: 40em; background: #323232; color: whitesmoke; font-family: 'Open Sans', sans-serif; } @font-face { font-display: swap; font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('/static/open-sans-v35-latin-regular.woff2') format('woff2'); } h1, h2, h3 { margin-left: 15px; color: #94b4da; } h1 { text-align: center; border-bottom: 1px solid white; margin: 0px 15%; } .status-image { position: relative; bottom: -3px; } body i { text-decoration: none; font-style: normal; } .info { color: aqua; } .game-card p { margin: 2px 0; } .game-card { margin: 0 20px; } @media (max-width: 650px) { body { font-size: 1em; } .status-image { display: block; margin-left: 6px; margin-top: 5px; } h2 { margin-bottom: 7px; } } .red { color: red; } .green { color: greenyellow; }