@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz@10..48&family=Dancing+Script:wght@500&display=swap');

.dag-bar {
    background-color: rgba(0, 0, 0, 0.55);
    background-image: url('etoile\ DAG');
    font-family: 'Bricolage' ;
    box-shadow: 1px 1px 3px rgba(255, 255, 255, 0.54);        
}

.dag-navbar .nav-link {
    border-bottom: 1px solid transparent;
    transition: padding-bottom .4s ease-in-out, border-color .3s ease;
}

.dag-navbar .nav-link:hover {
    padding-bottom: 20px;
    border-bottom-color: var(--bs-teal);
} 

.bricolage {
    font-family: 'Bricolage', cursive;
}

.dancing {
    font-family: 'Dancing Script', serif;
}

.banner, .order-form {
     background : src="DAG Sarl.jpg" url('maman pirogue.jpg') center center fixed no-repeat ; 
     background-size: cover;
     height: 800px;
}

.card-banner .col {
    margin-right: 1rem;
    padding: 1.5rem ; 
   border : 2px solid transparent;
   border-right-color: brown;   
   &:last-child {
    border-right-color: transparent;}
}


.btn-dag {
    text-decoration: none;
    color:white;
    background-color: coral;
    border-color: coral;
    
}

.btn-dag:hover {
    color:coral;
    background-color: white;
    border-color: 1px solid coral;
    transition: ease-in .3s;
}

.team {
    background-color: rgb(218, 245, 245);
    
    .card {
        padding: .5rem;
        background-color: rgb(218, 245, 245);
        box-shadow: 5px 3px 5px coral; 

        .team-pic {
            border-radius: 50%;
        }
    }

    }
    

.banner .banner-desc {
    font-size: 48px;
    font-weight: 400;
    color: rgb(77, 160, 233);
}

.dag-menu {
    background : url('olofin.jpeg') center center fixed no-repeat ; 
    background-size: cover;
    height: 1200px;
}

.btn-order {
    color : var(--bs-teal) ;
    border-color: var(--bs-teal);
    transition: 0.5s;
}

.dag-footer .form-dag {
    text-align: center;
    justify-content: center;
    justify-items: left;
    background: src="DAG Sarl.jpg", no-repeat;
    background-size: cover;
}

.live {
    background-color: azure;
}

    /*background-image: url(../imgs/olofin.jpeg);**/ 


.dag-footer .form-dag .social {
    justify-content: space-between;  

}


.sous-menu {    
    justify-content: space-between;  

}

.sub-men .item {
    text-decoration: none;
    color :rgb(241, 233, 226);
}

.sub-men {
   display: flex;
   justify-content: space-between;  
    text-decoration: none;
    list-style-type: none;
}

.copy-right {
    text-align: center;
}

h1, h2, h4, h5, h6 {
    color: rgb(247, 108, 16);
    text-align: center;
}

p {
    color: rgb(54, 31, 3);
}

a {
    text-decoration: none;
    color :coral;
}