@font-face {
    font-family: 'DunbarTall';
    font-style: normal;
    font-weight: 600;
    src:
        url('./fonts/dunbar-tall-bold.woff2') format('woff2'),
        url('./fonts/dunbar-tall-bold.woff') format('woff'),
        url('./fonts/dunbar-tall-bold.eot') format('embedded-opentype');
    font-display: swap;
}

@font-face {
    font-family: 'DunbarTall';
    font-style: normal;
    font-weight: 800;
    src:
        url('./fonts/dunbar-tall-extra-bold.woff2') format('woff2'),
        url('./fonts/dunbar-tall-extra-bold.woff') format('woff'),
        url('./fonts/dunbar-tall-extra-bold.eot') format('embedded-opentype');
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    src: url('./fonts/Inter-VariableFont_opsz,wght.ttf') format('truetype-variations');
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    src: url('./fonts/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype-variations');
    font-display: swap;
}

:root {
    --blue: #3300E2;
    --pink: #F90371;
    --cream: #F8F2EA;
    --lime: #E3FD91;
    --ink: #0b0b0b;
}

body {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    line-height: 1.6;
    color: var(--ink);
    background-color: var(--cream);
    margin: 0;
}

p {
    margin: 0 0 1.2em;
    line-height: 1.7;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'DunbarTall', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 800;
    line-height: 1.2;
    color: var(--ink);
    margin: 0 0 0.6em;
}

h4, h5, h6 {
    font-weight: 600;
}

button {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 700;
    border-radius: 25px;
}