main.css

:root {
    --lblue: #a8d0e6;
    --dblue: #24305e;
    --red: #f76c6c;
    --yellow: #f8e9a1;
    font-size: 24px;
    background: var(--lblue);
}

html {
    scroll-behavior: smooth;
}

body {
    color: black;
    font-family: "Montserrat", sans-serif;
    text-align: center;

    animation: fadein 1.5s; 
}

h1 {
    font-weight: 600;
    font-size: 64px;
}

p {
    font-weight: 400;
    font-size: 32px;
}

@keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}