index.css

*{
    margin:0px;
    font-family: Arial, Helvetica, sans-serif;
    border:border-box;
}

.navbar{
    height:60px;
    background-color:#0F1111;
    color:white;
    display:flex;
    align-items:center;
    justify-content:space-evenly;
}
.nav_logo{
    height:50px;
    width:110px;
}
.logo{
    background-image:url(amazon_logo.png);
    background-size:cover;
    height:50px;
    width:100%;
}

.border{  /*class given to nav-logo */
    border:0.89px solid transparent;
    
}

.border:hover{
    border:1px solid white;
}

/*box-2*/

.first{
    color:#cccccc;
    font:0.85rem;
    margin-left:15px;
    

}

.second{
    font:1rem;
    margin-left:3px;

}

.add-icon{
    display:flex;
    align-items: center;
}

/*box-3*/
.nav-search{
    display:flex;
    width:620px;
    height:40px;
    margin-left:20px;
    outline:none;
    border:none;
}

.nav-search:hover{
    border:2px solid orange;
    border-radius:4px;
}
#search-select{
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
  background-color:#e6e6e6;
  width:50px;
  text-align:center;
  border:none;
}

#search-input{
    width:100%;
    font-size:1rem;
    border:none;
}

.search-icon{
    width:45px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:1.2rem;
    color:black;
    background-color:#FEBD69;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}

.language{
    font-size:1.1rem;
    
}

.image{
 width:40px;
}

.image img{
    width:70%;
}

/*box-4*/

span{
    font-size:0.7rem;
}

.nav-second{
    font-size:0.85rem;
    font-weight:700;
}


/*box-6*/
.nav-cart i{
    font-size:30px;
}

.nav-cart{
    font-size:0.75rem;
    font-weight:700;
}

/*panel*/

.panel{
height:40px;
background-color:#222f3d ;
display:flex;
color:white;
align-items:center;
    justify-content:space-evenly;
}


.panel-options p{
    display :inline;
    margin-left:15px;
    
}

.panel-options{
    width:70%;
    font-size:0.91rem;
    margin-left:15px;
   
}
.panel-deals{
    font-size:1rem;
    font-weight:700;
}

.hero-section{
    background-image:url("hero_image.jpg");
    height:400px;
    background-size:cover;
    display:flex;
    justify-content:center;
    align-items:end;
}

.hero-message{
    background-color:white;
    color:black;
    height:40px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:0.85rem;
    width:87%;
    margin:30px;
}

.hero-message a{
    color:#007185;
    text-decoration: none;
}
.shop-section{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-evenly;
    background-color:#e2e7e6;
}

.box{
    
    height:400px;
    width:23%;
    background-color:white;
    padding:20px 0px 15px;
    margin-top:15px;
    /* box-shadow: 0px 0px 10px 4px; */
}

.box-image{
    height:300px;
    background-size:cover;
    margin-top:1rem;
    margin-bottom:1rem;
}

.box-content{
    margin-left:1rem;
    margin-right:1rem;
}

.box-content a{
    color:#007185;
    text-decoration:none;

}

/**footer*/

footer{
    margin-top:15px;
}

.panel-1{
    background-color:#37475a;
    color:white;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:0.85rem;
}

.panel-2{
    background-color:#222f3d;
    color:white;
    display:flex;
    justify-content:space-evenly;
    height:350px;
}
.panel-2 a{
    color:white;
    text-decoration:none;
  
}

ul{
    margin:19px;
}

ul a{
    display:grid;
    font-size:0.85rem;
    margin-top:10px;
    color:#dddd;

}

.panel-3{
    background-color:#222f3d;
    color:white;
    border-top:0.5px solid white;
    height:70px;
    display:flex;
    justify-content:center;
    align-items:center;
}


.panel-logo{
    background-image:url(amazon_logo.png);
    background-size:cover;
    height:50px;
    width:100px;
}

.panel-4{
    background-color:#0f1111;
    color:white;
    height:100px;
    font-size:0.8rem;
    text-align:center;
     

}

.pages{
    padding-top:25px;
    
}
.pages a{
    text-decoration:none;
    color:white;
}

.copyright{
padding-top:9px;
}