:root {
--ui: #6bb4ff; --ui-marked: #9be1ff; --bg: #bce8f1; --filter: invert(70%) sepia(13%) saturate(7190%) hue-rotate(185deg) brightness(104%) contrast(101%); }
#wrapper
{
background-image: url(https://www.alyxes.se/wp-content/uploads/2024/06/email-background.png);
background-size: 100.5%;
background-repeat: no-repeat;
}
#starter
{
padding-top: 10px;
font-size: 21px;
}
form
{
padding-top: 32px;
padding-bottom: 32px;
}
.field
{
font-family: Arial;
font-size: 17px;
}
#send
{
font-size: 16px;
width: 55px;
height: 30px;
}
#suggestions
{
font-size: 19px;
padding-bottom: 50px;
}
#excuses
{
padding-top: 64px;
}
#back_to_home
{
font-size: 24px;
line-height: 2.5;
}
article
{
padding-bottom: 12%;
}
@media only screen and (max-width: 1080px)
{
#starter
{
font-size: 23px;
}
#icon-outer-small-svg
{
display: none;
}
#icon-outer-small-png
{
display: none;
}
.field
{
font-size: 20px;
}
#send
{
font-size: 19px;
width: 100px;
height: 42px;
}
#suggestions
{
font-size: 21px;
padding-bottom: 50px;
}
}
@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;
}
.field
{
font-size: 22px;
}
#send
{
font-size: 23px;
width: 120px;
height: 55px;
}
#suggestions
{
font-size: 30px;
padding-bottom: 180px;
}
article
{
padding-bottom: 350px;
}
}