@font-face {
    font-family: 'Friz';
    src: url('fonts/FrizQua-ReguOS.woff2') format('woff2'),
        url('fonts/FrizQua-ReguOS.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Friz';
    src: url('fonts/FrizQuadrataBold.woff2') format('woff2'),
        url('fonts/FrizQuadrataBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

:root {
    --c-white: #ffffff;
    --c-bg: #020913;
    --c-bgrg: rgba(2, 9, 19, 0.6);
    --c-cyan: #2B6676;
    --c-gold: #FFC53D;
    
    --c-gray: #1D2227;
}

html, body {
    width:100%;height:100%;position:relative;overflow: hidden;
    margin: 0;padding: 0;font-family: Friz;color: var(--c-white);
    background-color: var(--c-bg);
    cursor: url('../assets/sprites/cursor.png'), auto;
}

font, img, div {
    cursor: url('../assets/sprites/cursor.png'), auto !important;
}
a, a img {
    cursor: url('../assets/sprites/cursor-hover.png'), auto !important;
}