@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
@import "header";
@import "anchoring";
@import "carousel";
@import "image";

@tailwind base;
@tailwind components;
@tailwind utilities;

html {
    --body-BackgroundColor: #f5f5f5;
    --primaryColor: #124498;
    --header-BackgroundColor: var(--primaryColor);
    --header-textColor: #ffd39c;
    --header-Height: 5.375rem;

    scroll-padding-top: var(--header-Height);
}

.container-large {
    max-width: 75rem;
}

.default-text-color {
    color: var(--primaryColor);
    --tw-prose-bold: #124498;
}

.font {
    font-family: 'Questrial', sans-serif;
}

body {
    font-family: 'Questrial', sans-serif;
    background-color: var(--body-BackgroundColor);
}