:root
{
--ui: #ff6f92; --ui-marked: #ffb2cd; --bg: #bbFF88; --filter: invert(55%) sepia(88%) saturate(712%) hue-rotate(304deg) brightness(100%) contrast(103%); }
#wrapper
{
background-image: url(https://www.alyxes.se/wp-content/uploads/2024/06/colourstrokes.jpg);
background-size: 100.5%;
background-repeat: no-repeat;
}
#article_title
{
padding-bottom: 7%;
text-shadow:#ffffff 0px 0px 5px, #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
{
font-size: 25px;
}
article p
{
padding-bottom: 3%;
}
.img_group
{
padding-bottom: 5%;
}
.img_group:last-child
{
padding-bottom: 25%;
}
.groupheight13vw
{
height: 13vw;
}
.groupheight16vw
{
height: 16vw;
}
.img-holder
{
float: left;
padding: 0.2vw;
}
.img-holder:first-child
{
padding-left: 0vh;
}
.img-holder:last-child
{
padding-right: 0vh;
}
.article_img
{
float: left;
}
.img_text
{
color: white;
font-size:15px;
position: absolute;
margin-top: 0.5%;
padding-left: 0.5%;
}
.link_img_text
{
color: white;
font-size:15px;
position: absolute;
margin-top: -38px;
padding-left: 0.3%;
}
.text-margin
{
margin-top: -2.2%;
}
.dark_shade
{
text-shadow:#000000 1px 1px 3px, #000000 -1px -1px 3px, #000000 0px 0px 3px, #000000 0px -1px 3px, #000000 -1px 0px 3px, #000000 -1px 1px 3px;
}
.light_shade
{
color: black;
font-size:20px;
text-shadow:#ffffff 0px 0px 5px, #ffffff 0px 0px 5px, #ffffff 0px 0px 5px, #ffffff 0px 0px 5px, #ffffff 0px 0px 5px, #ffffff 0px 0px 5px;
} .images-linkimage
{
float: left;
padding-right: 5%;
padding-bottom: 3%;
}
.img_width1
{
width: 174px;
}
.img_width2
{
width: 288px;
}
.img_width3
{
width: 424px;
}
.img_width4
{
width: 537px;
}
@media only screen and (max-width: 1080px)
{
h3
{
font-size: 28px;
}
#icon-outer-small-svg
{
display: none;
}
#icon-outer-small-png
{
display: none;
}
article p
{
padding-bottom: 0.5%;
}
.img-holder
{
padding: 0.5vw;
}
.groupheight13vw
{
height: 30vw;
}
.groupheight16vw
{
height: 32vw;
}
.img_width1
{
width: 20.5vw;
}
.img_width2
{
width: 30vw;
}
.img_width3
{
width: 40vw;
}
.img_width4
{
width: 56vw;
}
.text-margin
{
margin-top: -4%;
}
.img_text
{
font-size: 20px;
}
.link_img_text
{
font-size:20px;
}
.light_shade
{
font-size: 22px;
}
}
@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)
{
.img_group
{
padding-bottom: 60px;
}
.groupheight13vw
{
height: 950px;
}
.groupheight16vw
{
height: 320px;
}
h3
{
font-size: 34px;
padding-top: 50px;
}
.img_text
{
font-size: 25px;
margin-top: -60px;
padding-left: 20px;
}
.link_img_text
{
font-size:25px;
margin-top: -60px;
padding-left: 20px;
}
.light_shade
{
color: black;
font-size:25px;
text-shadow:#ffffff 0px 0px 20px, #ffffff 0px 0px 20px, #ffffff 0px 0px 20px, #ffffff 0px 0px 20px, #ffffff 0px 0px 20px, #ffffff 0px 0px 20px, #ffffff 0px 0px 20px, #ffffff 0px 0px 20px;
}
.img_width1
{
width: 42vw;
}
.img_width2
{
width: 43vw;
}
.img_width3
{
width: 43vw;
}
.img_width4
{
width: 87vw;
}
article
{
padding-bottom: 350px;
}
}