/* css reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-tap-highlight-color: transparent;
    
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
}

/* fonts */

@font-face 
{
    font-display: block;
    font-family: 'Lexend Deca';
    font-style: normal;
    font-stretch: 1% 500%;
    font-weight: 100 900;
    src: url('../fonts/LexendDeca-VariableFont_wght.ttf') format( 'truetype' );
}

@font-face 
{
    font-display: block;
    font-family: 'Aleo';
    font-style: normal;
    font-weight: 100 900;
    src: url('../fonts/Aleo-VariableFont_wght.ttf') format( 'truetype' );
}

Sixtyfour-Regular-VariableFont_BLED,SCAN.ttf

body
{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

::-webkit-scrollbar 
{ 
    display: none;
}

canvas 
{
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -webkit-crisp-edges; /* Webkit */
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
    image-rendering: pixelated; /* Chrome */
}