:root {

    /* --------- Colors --------- */

    --blue-dark: hsl(223, 25%, 11%);
    --blue-main: hsl(224, 39%, 26%);
    --blue-accent: hsl(224, 86%, 60%);

    --grey-mid: hsl(0, 0%, 91%);
    --grey-light: hsl(0, 0%, 98%);

    --white: hsl(220, 18%, 97%);


    /* ---------- Main ----------- */

    /* Content width */
    --content-width: 1150px;

}



/*   Main Styles   */

html { scroll-behavior: smooth; }

body {
    font-family: "Manrope", Arial, sans-serif;
    color: var(--blue-main);
}

a { text-decoration: none; }
  
::selection {
    color: var(--white);
    background: var(--blue-accent);
}


h1, h2 {
    font-family: 'Oswald', Arial, sans-serif;
    font-weight: 200;
}

h2 {
    font-size: 45px;
    line-height: 1.05;
    letter-spacing: -0.03em;
}