body {
    background: url("imgs/Gospa.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
    font-family: "Nunito", sans-serif;
    font-size: larger;
}

span {
    background-color: rgba(250, 0, 0, 0.7) ;
}

.lead {
    background-color: rgba(31, 31, 31, 0.2);
    font-weight: bold;
}
.font-italic {
    text-transform: uppercase;
}

#mainNavbar {
    font-size: 1.5rem;
    font-weight: 100;
}

#mainNavbar .nav-link {
color: rgb(5, 7, 139);
}

#mainNavbar .nav-link:hover {
color: #f5f109;
}

#mainNavbar .navbar-brand {
    color: #200e10;
    }
    h1 {
        margin-top: 100px;
        margin-bottom: 20px;
    }

.navbar.scrolled {
    background:rgba(248,82,196, 0.5) ;
    transition: background 1s;
}

#main {
    margin-top: 300px;
}