@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Freckle+Face&display=swap");

@font-face {
    font-family: "FiraGO";
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(https://cdn.jsdelivr.net/fontsource/fonts/firago@latest/latin-400-normal.woff2)
            format("woff2"),
        url(https://cdn.jsdelivr.net/fontsource/fonts/firago@latest/latin-400-normal.woff)
            format("woff");
}

body {
    margin: 0;
    color: white;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;

    cursor: pointer;
}

#instructions {
    display: none;
}

a:visited {
    color: inherit;
}

.text {
    color: white;
    font-size: 3em;
    font-weight: bold;
}

.freckle-face-regular {
    font-family: "Freckle Face", system-ui !important;
    font-weight: 400;
    font-style: normal;
}

.custom-scroll ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.custom-scroll ::-webkit-scrollbar-track {
    border-radius: 99px;
    width: 6px;
    background-color: transparent;
    opacity: 0.1;
}

.custom-scroll ::-webkit-scrollbar-thumb {
    background: #47ffb5;
    border-radius: 10px;
}

.uppercase {
    text-transform: uppercase;
    -moz-font-feature-settings: "case";
    -webkit-font-feature-settings: "case";
    font-feature-settings: "case" on;
}