body{
    font-family:'Poppins', sans-serif;
    background: linear-gradient(
        135deg,
        #6B2F22,
        #94442E,
        #C47B53,
        #D7A178
    );
    background-attachment: fixed;
}

.carousel img{
    height:320px;
    object-fit:cover;
}

.card{
    border:none;
    border-radius:15px;
    overflow:hidden;
    transition:.3s;
}

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

.card img{
    height:180px;
    object-fit:cover;
}

.card-title{
    font-size:18px;
    font-weight:bold;
}

.navbar-brand{
    font-size:25px;
}

h2{
    font-weight:700;
    color:#ffffff;
    text-shadow:2px 2px 6px rgba(0,0,0,.25);
    margin-bottom:20px;
}

#sidebar{
    position: fixed;
    left: -280px;
    top: 0;
    width: 280px;
    height: 100%;
    background: linear-gradient(
        135deg,
        #6B2F22,
        #94442E,
        #C47B53,
        #D7A178
    );
    transition: .3s;
    z-index: 1002;
    display: flex;
    flex-direction: column;
    box-shadow: 8px 0 25px rgba(0,0,0,.25);
}

#sidebar.show{
    left:0;
}

#sidebar h3{
    margin-bottom:20px;
    color:#198754;
    font-weight:bold;
}

#sidebar a{
    display:block;
    color:white;
    text-decoration:none;
    padding:18px 25px;
    font-size:17px;
    font-weight:500;
    transition:.25s;
}

#sidebar a:hover{
    background:rgba(255,255,255,.15);
    padding-left:35px;
}

.sidebar-header{
    padding:50px 20px 35px;
    text-align:center;
    color:white;
    border-bottom:1px solid rgba(255,255,255,.15);
}

#overlay{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(0,0,0,.4);
    display:none;
    z-index:1000;
}

#overlay.show{
    display:block;
}

.sidebar-bottom{
    margin-top:auto;
    padding:20px;
}

.form-control:focus{

    border-color:#8B3E2F !important;

    box-shadow:0 0 0 .2rem rgba(139,62,47,.25) !important;

}