:root
{
--ui: #d18dff; --ui-marked: #efb8ff; --bg: #ded5ff; --filter: invert(74%) sepia(73%) saturate(3211%) hue-rotate(217deg) brightness(99%) contrast(103%); }
#wrapper
{
background-image: url(https://www.alyxes.se/wp-content/uploads/2024/06/purple_tree2.jpg);
background-size: 100.5%;
background-repeat: no-repeat;
}
#article_title
{
text-shadow:#ffffff 0px 0px 5px, #ffffff 0px 0px 5px, #ffffff 0px 0px 15px, #ffffff 0px 0px 15px, #ffffff 0px 0px 15px, #ffffff 0px 0px 15px, #ffffff 0px 0px 15px, #ffffff 0px 0px 15px;
}
h3
{
text-align: center;
padding-top: 32px;
}
#starter
{
font-size: 23px;
padding-bottom: 16px;
text-shadow:#ffffff 0px 0px 15px, #ffffff 0px 0px 15px, #ffffff 0px 0px 15px, #ffffff 0px 0px 15px, #ffffff 0px 0px 15px, #ffffff 0px 0px 15px;
}
#sourcetitle
{
font-size: 24px;
padding-top: 32px;
}
#sourcelinks
{
font-size: 18.5px;
line-height: 1.5;
}
article
{
padding-bottom: 15%;
}
@media only screen and (max-width: 1080px)
{
#icon-outer-small-svg
{
display: none;
}
#icon-outer-small-png
{
display: none;
}
#starter
{
font-size: 25px;
}
#sourcelinks
{
font-size: 22px;
line-height: 1.8;
}
}
@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;
}
#sourcetitle
{
font-size: 30px;
padding-top: 45px;
}
#sourcelinks
{
font-size: 28px;
line-height: 2;
}
article
{
padding-bottom: 350px;
}
}