@font-face {
    font-family: 'Neometric';
    src: url('./fonts/Neometric.otf') format('opentype');
    font-weight: normal;
}

@font-face {
    font-family: 'NeometricLight';
    src: url('./fonts/NeometricLight.otf') format('opentype');
    font-weight: normal;
}

@font-face {
    font-family: 'NeometricBold';
    src: url('./fonts/NeometricBold.otf') format('opentype');
    font-weight: bold;
}

:root {
    --fs: 0.75vw;
    font-size: var(--fs);
    font-family: "Neometric", sans-serif;
}
@media (max-width: 1279px) {
    :root {
        --fs: 1.5vw;
    }
}
@media (max-width: 767px) {
    :root {
        --fs: 2vw;
    }
}
@media (max-width: 639px) {
    :root {
        --fs: 2.75vw;
    }
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}