@font-face {
    font-family:'Pixel Operator';
    src:url(https://futurest4rter.neocities.org/fonts/PixelOperator.ttf);
    }
@font-face {
    font-family:'Fuzzy Bubbles';
    src:url(https://futurest4rter.neocities.org/fonts/FuzzyBubbles-Regular.ttf);
}
@font-face {
    font-family:'Homemade Apple';
    src:url(https://futurest4rter.neocities.org/fonts/HomemadeApple-Regular.ttf);
}
* {
    box-sizing:border-box;
    }
:root {
    --a-bg-color:white;
    --a-text-color:#325885;
    --lighter-text:#597da9;
    --a-text-hover-color:#68d5ff;
    --a-link-color:#a081d0;
    --a-link-hover-color:#8654d3;
    --global-border-radius:5px;
    --drop-shadow-color:rgba(54, 24, 34, 0.45);
    }
::-webkit-scrollbar {
    width: 15px;
    }

::-webkit-scrollbar-track {
    background: white; 
    box-shadow:inset 0 0 4px gray;
    }

::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #FCC9FA, #C9EDFC);
    box-shadow:inset 0 0 4px white;
    }

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to bottom, #E1C9FC, #FCF2C9);
    }
body {
    margin:0;
    background:url(https://futurest4rter.neocities.org/images/backgrounds/patchworkbackgrounditssocute.jpg);
    background-size:700px;
    image-rendering:pixelated;
    }
body > * {
    image-rendering:auto;
    }
p, h1, h2, h3, h4, h5, ul, li {
    font-family:'Pixel Operator';
    transition-duration:.1s;
    color:var(--a-text-color);
    margin:3px;
}
p, ul, li, a {
    font-size:18px;
}
h5 {
    font-weight:500;
    font-size:14px;
}
a {
    font-family:"Pixel Operator";
    color:var(--a-link-color);
    transition-duration:.1s;
}
a:hover {
    color:var(--a-link-hover-color);
    transition-duration:.1s;
}
.imglink {
    display:contents;
    margin:0;
    padding:0;
}
.hovertext {
    transition-duration:.1s
}
.hovertext:hover {
    transition-duration:.1s;
    color:var(--a-text-hover-color);
}
.tinytext {
    font-size:12px;
    vertical-align:text-top;
}
.brightenhover {
    transition-duration:.1s;
}
.brightenhover:hover {
    filter:brightness(1.3);
    transition-duration:.1s;
}
.linkbuttons {
    width:100%;
    height:25px;
    display:flex;
    align-content:center;
    justify-content:center;
    border:2px solid #C9EDFC;
    border-radius:5px;
    padding-left:5px;
    padding-right:5px;
    margin:0 0 5px 0;
    font-size:18px;
    background:url(https://futurest4rter.neocities.org/images/backgrounds/patchworkbackgrounditssocute.jpg);
    background-size:500px;
    overflow:hidden;
    text-shadow:white 1px 1px, white -1px -1px;
    filter:drop-shadow(0 2px 2px var(--drop-shadow-color));
    transition-duration:.1s;
}
.linkbuttons:hover {
    filter:drop-shadow(0 0 2px var(--drop-shadow-color)) brightness(1.05);
    transition-duration:.1s;
}
hr {
    width:80%;
    height:15px;
    background-image:url(https://futurest4rter.neocities.org/images/graphics/pinksparkledivider.webp);
    background-size:cover;
    background-repeat:none;
    border:none;
    margin:auto;
    margin-top:5px;
    margin-bottom:5px;
}
.favimg {
    vertical-align:bottom;
    height:18px;
    width:auto;
}