:root {
    --sl-primary: #62a8a4 !important;
    --sl-primary-light: #5fc8d1;
    --sl-primary-lighter: #a5ddeb;
    --sl-secondary: #5c5879 !important;
    --sl-secondary-dark: #cf8b29;
    --sl-secondary-light: #fcf7ee;
    --sl-tiertary: #275030;
    --sl-light: #f6f6f6;
    --sl-dark: #272324;

    --sl-bg: #F9F6E5 !important;

    --sl-font-primary: 'Baloo Bhai', sans-serif;
    /*--sl-font-secondary: 'Great Vibes', cursive;*/
    --sl-font-secondary: 'Heebo', cursive;
    --sl-font-logo: 'Baloo Bhai', sans-serif;
}

body > header { background-color: #f9f6e5; background-image: radial-gradient(#fff 15%, transparent 15%), radial-gradient(#fff 15%, transparent 15%); background-position: 0 0, 25px 25px; background-size: 50px 50px; }
header .navbar { background-color: transparent !important; border-radius: 0  !important; padding: 0  !important; }
header .navbar .navbar-nav { background-color: var(--sl-secondary); border-radius: 10rem; width: fit-content; padding: .5rem 2rem; }
header .navbar-nav .nav-item { padding: 0 1rem !important; }
header .navbar-nav .nav-item .nav-link { font-size: 1.25rem !important; }

@media (max-width: 991px) {
header .navbar-brand img { height: 7rem !important; }
.navbar-toggler { margin: 1rem auto; border: 3px solid var(--sl-secondary); background: var(--sl-light); }
}

.bg-rose { background-color: #e9b6df; background-image: radial-gradient(#fff 15%, transparent 15%), radial-gradient(#fff 15%, transparent 15%); background-position: 0 0, 25px 25px; background-size: 50px 50px; }