:root {
    /* font families */
    --primary-font: Montserrat;

    /* font sizes */
    --font-l: 60px;
    --font-m: 24px;
    --font-s: 16px;

    /* color styles */
    --blue: #3B4176;
    --light-blue: #CCCCE6;

    /* UX styles */
    --space-above: 104px;
    --space-below: 56px;
}

/* FONT STYLES */
@font-face {
    font-family: Montserrat;
    src: url("fonts/Montserrat-Bold.ttf");
    font-weight: bold;
}

@font-face {
    font-family: Montserrat;
    src: url("fonts/Montserrat-Medium.ttf");
    font-weight: normal;
}

@font-face {
    font-family: Montserrat;
    src: url("fonts/Montserrat-SemiBold.ttf");
    font-weight: semi bold;
}

@font-face {
    font-family: Nova Sans;
    src: url("fonts/NovaSans-Regular.otf");
    font-weight: normal;
}

@font-face {
    font-family: Astro Sans;
    src: url("fonts/AstroSans-Regular.otf");
    font-weight: normal;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
}

h1 {
    font-family: var(--primary-font);
    font-size: var(--font-l);
    /* color: black; */
}

h2 {
    font-family: var(--primary-font);
    font-size: var(--font-m);
    line-height: 38px;
    /* color: black; */
}

p {
    font-family: var(--primary-font);
    font-size: var(--font-s);
    /* color: black; */
}

html, body {
    margin: 0;
    padding: 0;
    overflow-x: clip;
    max-width: 100%;
}