*{
    padding: 0;
    border: 0;
    margin: 0;
    box-sizing: border-box;
}
main{
    background-color: #c0afaf;
}
/* .logo{
    width: 20px;
    padding: 20px;
} */
.navbar-btn{
    background:#40434e;
    padding:10px 17px!important;
    border-radius:50px;
}
.navbar-btn:hover{
    box-shadow:0 10px 10px rgba(255, 255, 255, .5);
    transition:background-color .5s ease;
}
.navbar-btn{
    filter:none;
    opacity:1;
    color:white!important;
    transition:all 550ms cubic-bezier(.19,1,.22,1);
}
.navbar-btn{
    outline:none
}
.button-effect{
    position:relative;
    overflow:hidden;
}
.button-effect:hover::after{
    left:240px;
    transition:all 550ms cubic-bezier(.19,1,.22,1);
}
.button-effect:after{
    background:#fff;
    content:"";
    height:155px;
    left:-75px;
    opacity:.2;
    position:absolute;
    top:-50px;
    transform:rotate(35deg);
    transition:all 550ms cubic-bezier(.19,1,.22,1);
    width:50px;
    z-index:1;
}
.carousel .carousel-indicators li{
    width: 13px;
    height: 13px;
    border-radius: 100%;
    background-color: #B8860B;
    /* background-color: #DAA520; */
}
main > .container{
    padding: 30px 0;
}
.col > .card img{
    background-color:#343a40;
    border-radius: 20px 20px 0px 0px;
}
.col > .card{
    border-radius: 20px;
    /* background-color: #ffffff; */
    margin: 10px 0;
}

.card:hover{
     transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}