@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-VariableFont_opsz\,wght.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-Italic-VariableFont_opsz\,wght.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/bebas-neue/BebasNeue-Regular.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

* {
    box-sizing: border-box;
}

:root {
    --color-black: #000;
    --color-white: #FFF;
    --color-neutral-dark: #3A3A3A;
    --color-neutral: #888;
    --color-neutral-light: #EAEAEA;
    --color-neutral-light-2: #E2E2E2;
    --color-neutral-light-3: #D2D2D2;
    --color-neutral-light-4: #CCC;
    --color-neutral-light-5: #F5F5F5;
}

body {
    font-family: 'Inter', sans-serif;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Bebas Neue', sans-serif;
    line-height: 1;
    margin-block-start: 0.5em;
    margin-block-end: 0;
    text-box-trim: trim-both;
}

h1 {
    font-size: 4rem;
}

h2 {
    font-size: 3rem;
}

h3 {
    font-size: 2rem;
}

h4 {
    font-size: 1.5rem;
}

h5 {
    font-size: 1.25rem;
}

h6 {
    font-size: 1rem;
}

iframe {
    border-width: 0;
}

#header {
    display: none;
}

#header + hr {
    display: none;
}