@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/font/bootstrap-icons.css");

header #title {
    font-family: 'Orelega One', cursive;
}

body {
    font-family: 'Roboto', serif;
}

strong {
    font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #231c80;
    font-family: 'Orelega One', cursive;
}

header {   
    background-color: #fbbe73;
}

main .sticky-top {
    top: 70px;
    z-index: 1;
}

a.anchor {
    display: block;
    position: relative;
    top: -70px;
    visibility: hidden;
}

nav li.dropdown li a.dropdown-item:before {
    content: '';
    background: url('/img/favicon.png');
    background-size: contain;
    width: 1em;
    height: 1em;
    display: inline-block;
    margin-right: 5px;
}


footer,
.navbar,
#page-title {
    background-color: #F9AF54;
}

a.nav-link strong{
    font-weight:700;
    color:#335;
    letter-spacing: 1px;
}


.btn-primary{
    background-color: #231c80;
    border-color:#a59fde;
}
.bi{
    color:#231c80
}

.img-top-home{
    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
}

footer a {
    text-decoration: none !important;
}

#logo, #main-cta-home{
    transition: all 0.5s ease;
}
#logo:hover{
    transform: scale(0.95);
}
#main-cta-home:hover{
    transform: scale(1.05);
}
.nav-link.active{
    background-color:#f8be73
}