:root {
    --font-caveat: 'Caveat', cursive;
}

/* Disable transitions until page loads */
body:not(.loaded),
body:not(.loaded) * {
    transition: none !important;
}

.bg-purple {
    background-color: #ECE4F8;
}

.text-purple {
    color: #834BD2;
}

button.bg-purple:hover {
    background-color: #D9B8F9;
}

.font-caveat {
    font-family: var(--font-caveat);
}