@font-face {
    font-family: 'Audex';
    src: url('./Fonts/Audex.woff2') format('woff2'),  /* Best for modern browsers */
         url('./Fonts/Audex.woff') format('woff'),    /* Fallback for older browsers */
         url('./Fonts/Audex.ttf') format('truetype'), /* Extra fallback */
         url('./Fonts/Audex.otf') format('opentype'); /* Optional for advanced typography */
    font-weight: normal;
    font-style: normal;
}


:root {
    --bg: #000000;
    --text-color: #ffffff;
    --focus-font: 'Audex', monospace, sans-serif;
    --main-font: "Quicksand", sans-serif;
    --logo-color: #F57B28;
    --logo-color2: #EC3951;
    --logo-color3: #0000ff;
    --logo-color4: #7900fb;
    --background-image: linear-gradient(135deg, #F57B28, #EC3951);
}

::selection {
    color: var(--bg);
    background-color: var(--logo-color);
}

::-webkit-scrollbar {
    display: none;
    /* width: 10px; */
    /* background-color: #1e1e1e; */
}

/* ::-webkit-scrollbar-thumb {
    background-color: #adadad;
} */

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
}

body  {
    background-color: var(--bg);
    color: var(--text-color);
    font-family: var(--main-font);
    line-height: 1.8;
    font-size: 1.1rem;
    overflow-x: hidden;
}

video {
    /* width: 100vw; */
    height: 100vh;
    user-select: none;
    pointer-events: none;
    margin: 0 auto;
    display: block;
    box-shadow: 0 0 40px black;
}

img {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    z-index: -999;
    filter: blur(65px);
}