@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600&display=swap');


:root {
    --background: 243.4deg 41.09% 25.29%;
    --foreground: 0 0% 100%;
    --card: 0 0% 100%;
    --card-foreground: 230.77deg 40.21% 19.02%;
    --primary: 197.97deg 100% 44.51%;
    --primary-foreground: 0 0% 100%;
    --cta: 152.18deg 68.75% 31.37%;
    --cta-foreground: 0 0% 100%;
    --border: 0deg 0% 86.67%;
    --input: 210 14% 89%;
    --radius: .5rem;
    --text-lg-size: 1rem;
    --text-xl-size: 1.25rem;
    --text-2xl-size: 1.5rem;
    --text-3xl-size: 1.75rem;
    --text-4xl-size: 2rem;
    --text-5xl-size: 2.25rem;
    --text-6xl-size: 2.5rem;
}

@media (prefers-color-scheme: dark) {
    :root:not(.light) {
        --primary: 197.97deg 100% 44.51%;
        --primary-foreground: 0 0% 100%;
        --cta: 152.18deg 68.75% 31.37%;
        --cta-foreground: 0 0% 100%;
    }
}


body {
    background-color: hsl(var(--background));
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-weight: 300;
}

.site-background {
    background-color: hsl(var(--background));
    background: linear-gradient(135deg, #d51f73, #29265b 50%, #2a2b5f 55%, #2e376c 65%, #305186 75%, #327ab1 90%, #3797d0);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -10;
    overflow: hidden;
}