@font-face {
    font-family: Accanthis;
    src: url(/fonts/AccanthisadfstdRegular-dvZK.otf);
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
:root {
    /* body */
    --bgcolor: rgba(47, 20, 86, 0.8);
    --bgimage: url(/images/webthemes/voidbound/cadencebg.png), url(/images/webthemes/voidbound/Linie_22.gif);
    --bgrepeat: no-repeat, repeat-x;
    --bgblendmode: overlay;
    --bgpos: center, top;
    --bgattach: fixed;
    --bgsize: cover, 5vw;
    /* container */
    --containerbgcolor: rgba(115, 88, 221, 0.5);
    --containerbgimg: url(/images/webthemes/voidbound/martbg.png);
    --containerbgblendmode: screen;
    --containerbgpos: center;
    /* content window */
    --contentbg: rgb(32, 23, 55) url(/images/webthemes/voidbound/checkeredtile.gif);
    --contentbgblendmode: overlay;
    /* miniwindows */
    --windowbg: url(/images/webthemes/voidbound/nullscapelevelbg.jpg);
    --windowbgblendmode: color-dodge;
    /* headers */
    --headerbg: url(/images/webthemes/voidbound/martbg.png) center/cover no-repeat;
    --h1color: rgb(212, 114, 204);
    --h3color: rgb(250, 250, 250);
    --mainheadercolor: rgb(241, 44, 218);
    /* buttons and bars */
    --tabborder: rgb(136, 14, 169);
    --tabbg: linear-gradient(to bottom, rgb(20, 9, 61), rgb(101, 31, 200));
    --navbuttoncolor: linear-gradient(to bottom right, rgb(18, 3, 41), rgb(189, 37, 177));
    --scrollbarcolor: rgb(193, 16, 196) rgb(34, 7, 89);
    --buttoncolor: rgb(154, 53, 197);
    /* text and misc */
    --fontcolor:rgb(204, 165, 238);
    --fontfamily: Accanthis;
    --linkcolor:rgb(198, 189, 243);
    --bordercolor:rgb(109, 80, 207);
    --footercolor: linear-gradient(to bottom, rgb(82, 104, 250), rgb(175, 26, 128));
    --outlinestyle: 2px dashed rgb(124, 17, 255);
}
.miniwindows {
    background-color: #3c2749;
}
.sectiontab > h3 {
    padding: .35rem 0;
    font-size: 1.75rem;
    background: linear-gradient(#000000,#FF00E9 50%);
    -webkit-text-stroke: .15rem transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
nav a {
    padding: .15rem;
}
.updateentries {
    color: rgb(255, 255, 255);
    background: linear-gradient(#000000, #FB6621 50%);
    -webkit-text-stroke: .1rem transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
.fancytext {
    color: rgb(255, 255, 255);
    background: linear-gradient(#000000,#FF00E9 50%);
    -webkit-text-stroke: .2rem transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
.pastries, .monochrome, .floral {
    display: none;
}
/* image positioning */
#martplush {
    width: clamp(1rem, 25%, 15.5rem);
    right: 0;
    bottom: -3%;
    z-index: 3;
}
#baby {
    width: clamp(1rem, 20%, 10rem);
    right: -7%;
    top: -2%;
}
#leftpillar {
    width: clamp(1rem, 10%, 7.5rem);
    left: -6%;
    bottom: -2%;
    transform: rotate(-10deg);
    z-index: 3;
}
#voidbreaker {
    width: clamp(1rem, 18%, 10rem);
    left: -.5%;
    bottom: 0;
    z-index: 2;
}
#vbguardian {
    width: clamp(1rem, 20%, 15rem);
    left: -5%;
    top: -4.5%;
}
#vbguardian:hover {
    content: url(/images/webthemes/voidbound/VoidboundGuardianShootBullet.gif);
    width: clamp(1rem, 20%, 15rem);
    left: -5%;
    top: -4.5%;
}
#bell {
    width: clamp(1rem, 20%, 10rem);
    right: -5%;
    bottom: 10%;
    z-index: 2;
}
#telefraginteract {
    margin: .5rem;
    display: inline-block;
    background-color: rgba(255, 255, 255, .35);
    text-align: center;
    color: #000000;
    font-size: 1rem;
    border: 2px solid var(--bordercolor);
    position: fixed;
    border-radius: 10%;
    width: clamp(3.5rem, 7%, 7rem);
    bottom: 2vh;
    left: 1%;
    z-index: 4;
}
#telefraginteract > img {
    display: block;
    max-width: 100%;
}
#telefraginteract:hover {
    color:rgb(0, 255, 0);
}