:root
{
--ui: #1de39d; --ui-marked: #71ffd3; --bg: #d0c0b8; --filter: invert(78%) sepia(84%) saturate(461%) hue-rotate(89deg) brightness(92%) contrast(92%); }
#wrapper
{
background-image: url(https://www.alyxes.se/wp-content/uploads/2024/06/first-impact-pageheader.jpg);
background-size: 100.5%;
background-repeat: no-repeat;
}
#starter
{
font-size: 23px;
padding-top: 230px;
padding-bottom: 25px;
}
#firstimpact-screenshot
{
width: 100%;
}
article
{
padding-bottom: 12%;
}
@media only screen and (max-width: 1080px)
{
#icon-outer-small-svg
{
display: none;
}
#icon-outer-small-png
{
display: none;
}
}
@media only screen and (max-width: 900px)
{
article
{
padding-bottom: 18%;
}
}
@media only screen and (max-width: 630px)
{
article
{
padding-bottom: 25%;
}
}
@media only screen and (orientation: portrait)
{
#starter
{
font-size: 35px;
padding-bottom: 30px;
}
article
{
padding-bottom: 350px;
}
}