@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@300;600;700&display=swap');

:root {
    /* primary */
    font-size: 16px;
    --site-blue: hsl(223, 87%, 63%); 
    /* secondary */
    --site-paleBlue: hsl(223, 100%, 88%);
    --site-lightRed: hsl(354, 100%, 66%);
    /* neutral */
    --site-gray: hsl(0, 0%, 59%);
    --site-veryDarkBlue: hsl(209, 33%, 12%);
}

* {
    margin: 0;
}

body {
    font-family: 'Libre Franklin', sans-serif;
    font-size: 20px;
}

@media screen and (max-width: 600px) {
}