/* ============================================
   TYPOGRAPHY - Digital Motion
   ============================================ */

/* ==========================================================
   FONT IMPORTS (SELF-HOSTED)
   ========================================================== */
@font-face {
    font-family: 'Lora';
    src: url('../../assets/fonts/Lora/Lora-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lora';
    src: url('../../assets/fonts/Lora/Lora-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lora';
    src: url('../../assets/fonts/Lora/Lora-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* ==========================================================
   GLOBAL TYPOGRAPHY & BASE COLORS
   ========================================================== */
header {
    position: relative;
    z-index: 20;
}

html, body {
    overflow-x: hidden;
}

body {
    font-family: 'Lora', serif;
    font-style: normal;
    color: white;
    background-color: black;
    cursor: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    font-style: normal;
}

em, i {
    font-style: italic;
}