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: #35155D;
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: #8CABFF;
}
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;
}