html {
    min-height: 100vh;
    margin: 0;
}

body {
    min-height: 100vh;
    margin: 0;

    background-color: #303446;
    color: #f3f5ff;

    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 2vh;
}

.anim-easein {
    transition: opacity 0.4s ease-in;
    opacity: 1;
}

.anim-easeout {
    transition: opacity 0.4s ease-out;
    opacity: 0;
}

.customcl-backimg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, .62);
}

.elem-pfp {
    border-radius: 50%;
    width: 12vw;
    height: 12vw;
}


.hoverable:hover {
    background-color: #51576d;
}

.invert {
    color: #f3f5ff !important;
    background-color: #232634 !important;
}

*:link {
    color: #232634;
    text-decoration: none;
}

*:visited {
    color: #232634;
    text-decoration: none;
}