* {
    scrollbar-color: #57ffff;
    scrollbar-width: thin;
    accent-color: #57ffff;
    color-scheme: only dark;
    color: #9ac8c8;
    font-family: minecraft;
}
nav {
    background-color: #0e5858;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 45px;
    line-height: 40px;
    z-index: 2;
    font-family: minecraft;
}

nav > a {
    padding: 30px;
    text-decoration: none;
}


nav div.sub-menu {
    display: none;
    border-radius: 0.33em;
}
body {
    background-color: #626262;
    font-size: 15px;
}
.tooltip, .alternatetooltip {
    position: relative;
    cursor: pointer;
}
.tooltip .tooltiptext,
.alternatetooltip .alternativetooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 0.5em;
    padding: 0.5em;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
}
.tooltip .tooltiptext {
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.3em;
}
.tooltip:hover .tooltiptext,
.alternatetooltip:hover .alternativetooltiptext {
    visibility: visible;
    opacity: 1;
}
.alternatetooltip .alternativetooltiptext {
    top: 50%;
    left: 105%;
    transform: translateY(-50%);
    color: #fff;
    background-color: #33333300;
    font-size: 1em;
    white-space: nowrap;
}
.box {
    margin: top right bottom left;
}

.box {
    margin: 15px 15px 15px 15px;
}

@font-face { font-family: minecraft; src: url('MinecraftRegular.otf'); } 

#indexbackground {
    background-color: #0000004a;
    border-radius:25px;
    backdrop-filter: blur(2px);
}