:root{
    --primary-color: #E5E5DA;
    --red:#E60012;
}

* {
    font-family: 'Lato', sans-serif !important;
}

html {
    scroll-behavior: smooth;
}

html, body {
    font-family: 'Lato', sans-serif !important;
}

h1{
    font-size: 2.5rem;
}
h2{
    font-size: 2rem;
}
h3{
    font-size: 1.5rem;
}
h4{
    font-size: 1.25rem;
}
h5{
    font-size: 1rem;
}
p{
   font-weight: 500;
}

/* Modal animations */
#plan-modal, #welcome-modal {
    transition: opacity 0.3s ease-in-out;
}

#plan-modal.hidden, #welcome-modal.hidden {
    opacity: 0;
    pointer-events: none;
}

#plan-modal:not(.hidden), #welcome-modal:not(.hidden) {
    opacity: 1;
    pointer-events: auto;
}