@font-face {
    font-family: 'Schnyder L';
    src: url('/font/SchnyderL-Demi.woff2') format('woff2'),
        url('/font/SchnyderL-Demi.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Schnyder L';
    src: url('/font/SchnyderL-Bold.woff2') format('woff2'),
        url('/font/SchnyderL-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Atlas Grotesk';
    src: url('/font/AtlasGrotesk-RegularItalic.woff2') format('woff2'),
        url('/font/AtlasGrotesk-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Atlas Grotesk';
    src: url('/font/AtlasGrotesk-Regular.woff2') format('woff2'),
        url('/font/AtlasGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Atlas Grotesk';
    src: url('/font/AtlasGrotesk-Light.woff2') format('woff2'),
        url('/font/AtlasGrotesk-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Atlas Grotesk';
    src: url('/font/AtlasGrotesk-Medium.woff2') format('woff2'),
        url('/font/AtlasGrotesk-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
*{
    box-sizing: border-box;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently*/
}
:root {
	--base-font-size: 10px;
}

html,body{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
html{
	font-size: var(--base-font-size);
}
body{
    font-family: 'Atlas Grotesk';
    color: white;
    background-color: black;
}