101 lines
No EOL
1.2 KiB
CSS
101 lines
No EOL
1.2 KiB
CSS
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 {
|
|
color: #b846f6;
|
|
text-align: center;
|
|
border-bottom: 1px solid #b846f6;
|
|
margin: 0 15% 70px;
|
|
}
|
|
|
|
h2 {
|
|
color: #94b4da;
|
|
margin: 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
.status-image {
|
|
display: block;
|
|
margin: 5px auto;
|
|
}
|
|
|
|
body i {
|
|
text-decoration: none;
|
|
font-style: normal;
|
|
}
|
|
|
|
.info {
|
|
color: aqua;
|
|
}
|
|
|
|
.line {
|
|
margin: 2px 0;
|
|
}
|
|
|
|
.game-body {
|
|
margin: 0 20px 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.game-card {
|
|
width: calc(20em - 2px);
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
@media (max-width: 650px) {
|
|
body {
|
|
font-size: 1em;
|
|
}
|
|
|
|
h2 {
|
|
margin-bottom: 7px;
|
|
}
|
|
|
|
.game-card {
|
|
margin: auto;
|
|
}
|
|
}
|
|
|
|
.red {
|
|
color: red;
|
|
}
|
|
|
|
.green {
|
|
color: greenyellow;
|
|
}
|
|
|
|
.flex {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.info-text {
|
|
padding: 0 2em;
|
|
} |