@font-face {
    font-family: "Font";
    src: url("../font.ttf") format("truetype");
    font-style: normal;
    font-display: swap;
}


body, span, button {
    margin: 0;

    font-family: "Font", sans-serif;
    font-size: 1vw;

    color: white;
}

button {
    background: none;
    border: none;
}

body {
    background: rgba(22,22,22);
}

h1 {
    font-family: "Font", sans-serif;

    font-size: 6.5vw;
    font-weight: normal;
    line-height: 1.2;

    margin: 0;
}

h2 {
    font-family: "Font", sans-serif;

    font-size: 1.5vw;
    font-weight: normal;

    margin: 0;
}

/* https://community.wappler.io/t/hide-scroll-bar/64874 */
/* For modern browsers <- i didnt write this, but i love that it implies firefox is more "modern" then edge */
html {
    overflow: auto;
    overflow-x: hidden;
    scrollbar-width: none; /* Firefox */
}

html::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Edge */
}

a {
    text-decoration: none;
    /*
    Source - https://stackoverflow.com/a/6722667
    Posted by Quentin, modified by community. See post 'Timeline' for change history
    */
    color: inherit;
}

button:hover {
    cursor: pointer;
}