:root {
    --white: rgba(255, 255, 255, 1);
    --carbon-black: rgba(23, 23, 23, 1);
    --light-grey: rgb(211, 211, 211, 1);
    --sunflower-gold: rgba(251, 182, 55, 1);
    --blazing-flame: rgba(255, 72, 31, 1);
    --bright-indigo: rgba(62, 65, 244, 1);
}

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

::-webkit-scrollbar {
  width: 0;
  height: 0;
}

body { 
    font-family: "Hanken Grotesk", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;

}

html, body {
    margin: 0;
    padding: 0;
    min-height: 100%;
}

a {
    color: var(--bright-indigo);
    text-decoration: none;
    font-family: inherit;
}

p {
    font-family: inherit;
}

@font-face {
    font-family: 'N27';        /* The name YOU choose to call it */
    src: url('fonts/n27-regular-webfont.woff2') format('woff2'),
         url('fonts/n27-regular-webfont.woff')  format('woff');
    font-weight: 400;               /* Regular */
    font-style: normal;
    font-display: swap;             /* Show fallback font while loading */
}

@font-face {
    font-family: 'N27';
    src: url('fonts/n27-bold-webfont.woff2') format('woff2'),
         url('fonts/n27-bold-webfont.woff')  format('woff');
    font-weight: 700;               /* Bold */
    font-style: normal;
    font-display: swap;
}