games/static/style.css

101 lines
1.2 KiB
CSS
Raw Permalink Normal View History

2023-08-23 13:11:43 +02:00
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;
2023-08-24 09:46:59 +02:00
background: #323232;
2023-08-24 09:28:05 +02:00
color: whitesmoke;
2023-08-23 13:11:43 +02:00
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');
}
2023-08-25 09:01:09 +02:00
h1 {
color: #b846f6;
text-align: center;
border-bottom: 1px solid #b846f6;
margin: 0 15% 70px;
2023-08-24 09:28:05 +02:00
}
2023-08-25 09:01:09 +02:00
h2 {
color: #94b4da;
margin: 5px;
2023-08-24 09:28:05 +02:00
text-align: center;
2023-08-23 13:11:43 +02:00
}
.status-image {
2023-08-25 09:01:09 +02:00
display: block;
margin: 5px auto;
2023-08-23 13:11:43 +02:00
}
body i {
text-decoration: none;
font-style: normal;
}
2023-08-24 09:28:05 +02:00
.info {
2023-08-23 13:11:43 +02:00
color: aqua;
}
2023-08-25 09:01:09 +02:00
.line {
2023-08-23 13:11:43 +02:00
margin: 2px 0;
}
2023-08-25 09:01:09 +02:00
.game-body {
margin: 0 20px 10px;
text-align: center;
}
2023-08-23 13:11:43 +02:00
.game-card {
2023-08-25 09:01:09 +02:00
width: calc(20em - 2px);
margin-bottom: 30px;
2023-08-23 16:17:31 +02:00
}
@media (max-width: 650px) {
body {
font-size: 1em;
}
h2 {
margin-bottom: 7px;
}
2023-08-25 09:01:09 +02:00
.game-card {
margin: auto;
}
2023-08-24 09:28:05 +02:00
}
.red {
color: red;
}
.green {
color: greenyellow;
2023-08-25 09:01:09 +02:00
}
.flex {
display: flex;
flex-wrap: wrap;
}
.info-text {
padding: 0 2em;
2023-08-23 13:11:43 +02:00
}