@import url('https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

:root {
    --mily-yellow: #fff4bb;
    --mily-blue: #c7f4ff;
    --mily-green: #caead9;
    --mily-pink: #f7c9d2;
    --mily-purple: #e3d0ea;

    --bulma-family-primary: Bellota, Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif;
}

header {
    background-color: var(--mily-pink);
}

header a {
    color: var(--bulma-text)
}

nav.menu .menu-label:not(:first-child) {
    margin-top: 2rem;
}

nav.menu .menu-list li:not(:last-child) {
    margin-bottom: 0.25rem;
}

nav.menu .menu-list a {
    background-color: #f9f9f9;
}

nav.menu .menu-list a:hover {
    background-color: #f3f3f3;
}

nav .is-active {
    background: linear-gradient(135deg, var(--mily-pink) 0%, var(--mily-blue) 100%);
    color: var(--bulma-text)
}