:root
{
--ui: #59cdb3; --ui-marked: #82f5db; --bg: #ffd27b; --filter: invert(74%) sepia(71%) saturate(318%) hue-rotate(110deg) brightness(89%) contrast(83%); --x-0: 0px;
--y-0: 0px;
--x: 0px;
--y: 2px;
--spread-low: 8px;
--spread-med: 12px;
--spread-hi: 15px;
--spread-big: 20px;
--spread-max: 25px;
--sh-low: #ffffff var(--x-0) var(--y-0) var(--spread-low);
--sh-med: #ffffff var(--x-0) var(--y-0) var(--spread-med);
--sh-hi: #ffffff var(--x-0) var(--y-0) var(--spread-hi);
--sh-big: #ffffff var(--x-0) var(--y-0) var(--spread-big);
--sh-max: #ffffff var(--x-0) var(--y-0) var(--spread-max);
--sh-low-m: #ffffff var(--x) var(--y) var(--spread-low);
--sh-med-m: #ffffff var(--x) var(--y) var(--spread-med);
--sh-hi-m: #ffffff var(--x) var(--y) var(--spread-hi);
--sh-big-m: #ffffff var(--x) var(--y) var(--spread-big);
--sh-max-m: #ffffff var(--x) var(--y) var(--spread-max);
}
#wrapper
{
background-image: url(https://www.alyxes.se/wp-content/uploads/2024/06/abstract3.jpg);
background-size: 100.5%;
background-repeat: no-repeat;
}
#article_title
{
text-shadow: var(--sh-med), var(--sh-med), var(--sh-med), var(--sh-hi), var(--sh-hi), var(--sh-hi), var(--sh-hi), var(--sh-big), var(--sh-big), var(--sh-big), var(--sh-big), var(--sh-max), var(--sh-max), var(--sh-max);
}
#starter
{
font-size: 23px;
padding-top: 42px;
padding-bottom: 15px;
text-shadow: var(--sh-low-m), var(--sh-low-m), var(--sh-low-m), var(--sh-low-m), var(--sh-med-m), var(--sh-med-m), var(--sh-med-m), var(--sh-big-m), var(--sh-big-m), var(--sh-big-m), var(--sh-big-m), var(--sh-big-m), var(--sh-max-m), var(--sh-max-m);
}
article
{
padding-bottom: 12%;
}
#familjelivet-screenshot
{
width: 100%;
}
@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;
}
}