:root{
    --background-color: #91DCE1;
    --nav-color:#091306;
    --footer-color:#04fc3a86;

}

body{
    background-color: var(--background-color);
    background-image:url(../media/underwater.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode:overlay;
}

nav{
    background-color: var(--nav-color);
}


.navbar-toggler{
    background-color: rgb(13, 124, 22);
}
.nav-link{
    color: white;
    font-weight: bold;
    font-size: large;
}

.btn-primary{
    background-color: #216124;
}

.nav-link:hover{
    color: darkcyan;
}

.dropdown-menu{
    background-color:#0f1f0afb;
    border: 1px solid black;
    
}

.card-body{
    background-color:#65cfdd;
    border-color: rgba(0, 0, 0, 0.322);
}

a.dropdown-item{
    color:white;
    font-weight: bold;
}

a.dropdown-item:hover{
    color: darkcyan;
    background-color:#204614 ;
}

.accordion-button{
    background-color: #35a314;
}


.accordion-item{
    background-color: #35a314;
}

header a img{
    height: 70px;
}
.isPage{
    background-color: #216124;
}

a{
    color:#023179;
}

.arrow{
    height: 50px;
    width:50px;
    position:fixed;
    right:15px;
    bottom: 15px;
    background-color: #023179;
    border-radius: 50%;
    opacity: 0.8;
}

.arrow:hover{
    transform:translateY(-5px);
}

footer{
    background-color: var(--footer-color);
}

.carousel-caption{
    background-color: #090a089a;
}

button.carousel-control-prev, button.carousel-control-next{
    background-color:#090a0863 ;
}

button.carousel-control-prev:hover, button.carousel-control-next:hover{
    background-color:#12131165 ;
}

.btn{
    font-weight: bold;
}

.opacity{
    opacity: 0.6;
}

@media screen and (min-width:768px){
    .isPage{
        border-radius: 20%;
    }
}