/* Custom Navbar settings */
.navbar-custom {
    background-color: #ffffff;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-family: 'Baloo 2', cursive;
    font-weight: 500;
    font-size: 2rem;
}

/* Navbar brand and text*/
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #EE4230;
    font-size: 2rem;
    padding: 0rem;
    border-bottom: 2px solid #ffffff;
}

/* Navbar links */

.navbar-custom .navbar-nav .nav-link {
    padding: 0rem;
    border-bottom: 2px solid #ffffff;
}

.deko-nav-color-odd {
    color: #EE4230;
}

.deko-nav-color-even {
    color: #562A7B;
}

/* Navbar active and hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    border-bottom: 2px solid #562A7B;
}

/* Custom Navbar toggler icon */
.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(238, 66, 48)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
  
.custom-toggler .navbar-toggler {
    border-color: rgb(238, 66, 48);
    ;
}

.nav-item {
    margin-left: 2rem;
}

.deko-yellow {
    background-color: #FECA26;
}

.fnt-baloo-bold {
    font-family: 'Baloo 2', cursive;
    font-weight: 500;
}

.fnt-baloo-extrabold {
    font-family: 'Baloo 2', cursive;
    font-weight: 800;
}

.fnt-monospace {
    font-family: 'Space Mono', monospace;
}

body {
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}

.color-lila-head {
    color: #562A7B;
}

.color-lila {
    color: #482E88;
}

.color-pink {
    color: #F0596B;
}