@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800&display=swap");


:root {
    ---font-raleway: "Raleway", sans-serif;
    --color-link: #1e3554;
    --font-raleway: "Raleway", sans-serif;
    --color-dark-blue: #213a5c;
    --color-blue: #3EABE6;
    --color-black: #121212;
    --color-off-white: #f5f5f5;
    --color-white: #ffffff;
}

/* Apply font globally */
body {
    font-family: var(--font-raleway);
    font-weight: 500;
    line-height: 1.7em;

}

html {
    scroll-behavior: smooth;
}


.body-text {
    font-size: 14px;
    /* mobile */
    line-height: 1.6;
}

@media (min-width: 768px) {
    .body-text {
        font-size: 17px;
        /* md and up */
    }
}