Web/foefrenzy/style.css

104 lines
1.3 KiB
CSS
Raw Normal View History

2019-11-15 20:48:02 +01:00
body {
position: relative;
background-image: url("media/background.png");
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
2021-03-19 04:23:04 +01:00
font-family: Roboto, sans-serif;
font-display: swap;
2019-11-15 20:48:02 +01:00
}
.main {
width: 50%;
display: block;
margin-top: 50px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
padding: 40px;
background-color: white;
}
.banner {
width: 100%;
height: auto;
margin-bottom: 20px;
}
2019-11-22 00:03:34 +01:00
.centered {
2019-11-15 20:48:02 +01:00
text-align: center;
}
.store-button {
margin: 5px;
}
.store-img {
width: 160px;
height: auto;
}
.btn {
border-radius: 0px;
}
h1 {
margin-top: 20px;
}
.trailer-div {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.trailer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.assets {
text-align: center;
}
.asset {
width: 40%;
height: auto;
margin: 10px;
background-color: #BBBBBB;
}
li {
margin-top: 5px;
}
2019-11-15 20:52:55 +01:00
.footer {
margin-top: 40px;
}
2019-11-23 18:13:46 +01:00
#tutorial {
image-rendering: pixelated;
}
2019-11-15 20:48:02 +01:00
@media (max-width: 1200px) {
.main {
width: 80%;
}
}
@media (max-width: 768px) {
.store-img {
width: 100px;
}
}
@media (max-width: 510px) {
.main {
width: 90%;
padding: 20px;
}
}