:root{
    --sectionSpace: 10vw;
    --eltSpace: 2.5vw;
    --titleFontSize: 3.5vw;
    --linkFontSize: 3vw;
}

@media (max-width: 750px) {
    :root{
        --eltSpace: 3vh;
        --sectionSpace: 13vh;
        --titleFontSize: 5.5vh;
        --linkFontSize: 4.5vh;
    }
}

@font-face {
    font-family: 'MainFont';
    src: url('/MainFont.ttf');
}

*{
    margin: 0;
    padding: 0;
    /*box-sizing: border-box;*/
}

body{
    margin: 0;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
}

::-webkit-scrollbar{
    /*display: none;*/
    width: 0.75em;
    background: transparent;
}

::-webkit-scrollbar-track{
    background: hsl(290, 18%, 27%);
}

::-webkit-scrollbar-thumb{
    background: hsl(300, 100%, 88%);
    border-radius: 100vw;
}

::-webkit-scrollbar-thumb:hover{
    background: hsl(288, 100%, 93%);
}