*{
    margin:0px;
    padding:0px;
    font-family:Arial, Helvetica, sans-serif,'Times New Roman', Times, serif;   
}

body{
    background:  rgb(215, 233, 243);
    
}
header{
    background:linear-gradient(45deg,#b3ab41,#b9d634);
    color:white;
    font-size: 20px;
    min-height: 160px;
    padding: 10px;
}
.top_div{
    border-bottom: brown 1px dashed;
    height: 90px;
}
.logo_div{
    width: 400px;
    height: 70px;
    display: inline-block;
}
.log_btn{
    font-size: 20px;
    font-weight: 600;
    background:#84ffd6;
    border-radius: 6px;
}
#log_out_btn{
    font-size: 18px;
    font-weight: 400;
    background:#84ffd6;
    border-radius: 6px;
    display: none;
}
.log_div{
    border-left: dotted gray 2px;
    background: #b9d639;
    width: 300px;
    height: 85px;
    float: right;
    padding-left: 5px;
    
}
.log_btn:hover{
    background: blue;
}
#log_in_form span{
    color: black;
    font-weight: 500;
    font-size: 23px;
}
#err_msg{
    color:black;
    background: coral;
    width: 220px;
    font-size: 20px;
    display: inline-block;
}
#welcome_div{
    color: black;
}
.sign_btn{
    background:linear-gradient(#ddfa99,#64996b);
    color:rgb(8, 8, 3);
    border-radius:8px;
    cursor: pointer;
    font-size: 18px;
    padding:5px;
    display: inline;
    box-shadow: 0px 8px 15px rgba(24, 1, 1, 0.1);
    font-weight: bold;
    margin:0px 0px 0px 95px;
    border: black 1px solid;

    
}
.sign_btn:hover{
    background:rgb(66, 115, 187);
}
.sign_btn a{
    text-decoration: none;
    color:black;
    
}
.myDBoard{
    background: lightgoldenrodyellow;
    text-decoration: none;
    display: none;
}

.nav_div a{
    color: black;
    text-decoration: none;
    font-size: 24px;
    margin-left: 7px;
}
.cart_icon{
    height: 30px;
}
.nav_div a:hover{
    background: darkolivegreen;
    color: cornsilk;
}
/* below is code for parts below the header */
.sub_body{
    padding:10px;
    display: block;

}
.map_div{
    border: black 1px solid;
}
.btns_div{
    border-bottom: brown 3px solid;
    margin: 0px 0px 10px 0px;
    padding:  0px 0px 10px 0px;
}
.btn_btn{
    background:linear-gradient(#ddfa99,#64996b);
    color:rgb(8, 8, 3);
    border-radius:8px;
    cursor: pointer;
    font-size: 20px;
    padding:5px;
    margin-top:15px;
    box-shadow: 0px 8px 15px rgba(24, 1, 1, 0.1);
    font-weight: bold;
}
.btn_btn:hover{
    background:rgb(66, 115, 187);
}
.adds_div{
    display: block;  
}
.item_div{
    width: 250px;
    height: 270px;
    margin: 5px;
    background:white;
    background:rgb(240, 250, 255);
    border-radius: 10px;
    float: left;
    padding:1px;
  
    
}
.img_img{
    max-width: 100%;
    max-height: 100%;
}
.img_area{
    color: white;
    max-width: 90%;
    height: 90%;
}
.txt_div{
    margin: 0px 0px 2px 8%;
}
.more_btn{
    font-size: 24px; 
    margin:10px 20% 0px 20%;
    background: burlywood;
    width: 170px; 
    height: 40px; 
    font-weight: 600; 
}
.morebtn_div{
    width: 90%;
    display: inline-block;
}
.ftr_div{
    clear: both;
    height: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 10px 0px 0px 0px;
    background: rgb(66, 20, 20);
    display: block; 
}
.ftr_div a{
    color:white;
    text-decoration: none;
    margin-left:10px;
}
.ftr_div a:hover{
    color: cornflowerblue;
}