:root {
    --font-sans: "Barlow", sans-serif;
    --font-two: "Caveat", cursive;
    --font: var(--font-sans);
    --logo-height: 5rem;
    --scroll-logo-height: 3rem;
    --main-color: #738045ff;
    --main-color-dark: #56612bff;
    --second-color: #56816bff;
    --second-color-dark: #2d4339ff;
    --third-color: #b8b353ff;
    --third-color-dark: #7d7a3dff;
    --link-color: #56816bff;
    --link-hover-color: #2d4339ff;
}
.white-shadow {
        text-shadow: 0 0 5px #FFFFFF, 0 0 5px #FFFFFF, 0 0 5px #FFFFFF, 0 0 5px #FFFFFF, 0 0 5px #FFFFFF, 0 0 5px #FFFFFF, 0 0 5px #FFFFFF, 0 0 5px #FFFFFF, 0 0 5px #FFFFFF, 0 0 5px #FFFFFF, 0 0 5px #FFFFFF, 0 0 5px #FFFFFF, 0 0 5px #FFFFFF, 0 0 5px #FFFFFF, 0 0 5px #FFFFFF;
}