body{
    padding: 0 ;
    margin: 0;
}
#navbar{
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 100;
}
header{
    width: 100%;
    background-color: rgb(236, 236, 236);
}

header nav ul li{
    display: inline-block;
    list-style: none;
    width: 11%;
    padding: 13px 0;
    box-sizing: border-box;
}

header nav ul li:first-child{
    
    margin-left: 10%;
}

header nav ul li:first-child a{
    padding: 0 6% ;
    border-right: 1px solid black;
}
header nav ul li a{
    text-decoration: none;
    color: black;
    font-size: 0.9em;
}

header nav ul li a:hover{
    border-bottom: 0.5px solid black;
}

#menu{
    width: 100%;
    margin: 0 auto;
    background-color: white;

}
#menu ul li{
    display: inline-block;
    text-align: center;
    list-style: none;
    width: 5.5%;
    /* background-color: aqua; */
    padding: 8px 0px;
    
}

#menu ul li:first-child{
    margin-left: 8%;
}
#menu ul li a{
    text-decoration: none;
    color: black;
    font-size: 0.9em;
    
    /* font-weight: bold; */
    
}
#shopOne{
    width: 100%;
    height: 90vh;
    background-position: center;
    position: relative;

}
#shopOne a img{
    width: 100%;
    height: 100vh;
}
#shopOne section{
    position: absolute;
    width: 6%;
   
    
    background-color: white;
    top: 90%;
    left: 48%;
    border: 0.8px solid blue;
    border-radius: 100px;

}
#shopOne section a{
    text-align: center;
    text-decoration: none;
    display: block;
    color: rgb(30, 0, 255);
    width: 100%;
    
    font-size: larger;
    font-weight: bolder;
    padding: 2vh 0;
    
}
#shopOne section a:hover{
    background-color:rgb(30, 0, 255) ;
    color: white;
    border-radius: 100px;
}

#shoptwo{
    margin-top: 7%;
    width: 100%;
    height: 70vh;
    background-position: center;
    position: relative;
}
#shoptwo a img{
    width: 100%;
    height: 100vh;
}

#shoptwo section:nth-of-type(1){
    position: absolute;
    width: 9%;   
    background-color:blue;
    top: 40%;
    left: 37%;
    border: 0.8px solid blue;
    border-radius: 100px;

}
#shoptwo section:nth-of-type(1) a{
    text-align: center;
    text-decoration: none;
    display: block;
    color: white;
    width: 100%;
    
    font-size: larger;
    font-weight: bolder;
    padding: 2vh 0;
    
}
#shoptwo section:nth-of-type(1) a:hover{
    background-color:rgb(0, 102, 255) ;
    color: white;
    border-radius: 100px;
}

#shoptwo section:nth-of-type(2){
    position: absolute;
    width: 12%;   
    background-color:white;
    top: 40%;
    left: 49%;
    border: 0.8px solid blue;
    border-radius: 100px;

}
#shoptwo section:nth-of-type(2) a{
    text-align: center;
    text-decoration: none;
    display: block;
    color: blue;
    width: 100%;
    
    font-size: larger;
    font-weight: bolder;
    padding: 2vh 0;
    
}
#shoptwo section:nth-of-type(2) a:hover{
    background-color:rgb(0, 102, 255) ;
    color: white;
    border-radius: 100px;
}

#shopthree{
    margin-top: 15%;
    width: 100%;
    height: 70vh;
    background-position: center;
    position: relative;
}
#shopthree a img{
    width: 100%;
    height: 100vh;
}

#shopthree section:nth-of-type(1){
    position: absolute;
    width: 9%;   
    background-color:blue;
    top: 40%;
    left: 41%;
    border: 0.8px solid blue;
    border-radius: 100px;

}
#shopthree section:nth-of-type(1) a{
    text-align: center;
    text-decoration: none;
    display: block;
    color: white;
    width: 100%;
    
    font-size: larger;
    font-weight: bolder;
    padding: 2vh 0;
    
}
#shopthree section:nth-of-type(1) a:hover{
    background-color:rgb(0, 102, 255) ;
    color: white;
    border-radius: 100px;
}

#shopthree section:nth-of-type(2){
    position: absolute;
    width:6%;   
    background-color:white;
    top: 40%;
    left: 52%;
    border: 0.8px solid blue;
    border-radius: 100px;

}
#shopthree section:nth-of-type(2) a{
    text-align: center;
    text-decoration: none;
    display: block;
    color: blue;
    width: 100%;
    
    font-size: larger;
    font-weight: bolder;
    padding: 2vh 0;
    
}
#shopthree section:nth-of-type(2) a:hover{
    background-color:rgb(0, 102, 255) ;
    color: white;
    border-radius: 100px;
}

#float{
    width: 100%;
    height: 70vh;
    margin-top: 15%;
    background-color: white;
    
}

#products1{
    width: 48%;
    height: 70vh;
    margin: 0 1%;
    box-sizing: border-box;
    float: left;
    position: relative;
}
#products2{
    width: 48%;
    height: 70vh;
    margin: 0 1%;
    box-sizing: border-box;
    float: left;
    position: relative;
}

#products1 a img{
    width: 100%;
    height: 65vh;
}

#products1 section:nth-of-type(1){
    position: absolute;
    width: 19%;   
    background-color:blue;
    top: 23%;
    left: 30%;
    border: 0.8px solid blue;
    border-radius: 100px;

}
#products1 section:nth-of-type(1) a{
    text-align: center;
    text-decoration: none;
    display: block;
    color: white;
    width: 100%;
    

    padding: 1vh 0;
    
}
#products1 section:nth-of-type(1) a:hover{
    background-color:rgb(0, 102, 255) ;
    color: white;
    border-radius: 100px;
}

#products1 section:nth-of-type(2){
    position: absolute;
    width:9%;   
    background-color:white;
    top: 23%;
    left: 52%;
    border: 0.8px solid blue;
    border-radius: 100px;

}
#products1 section:nth-of-type(2) a{
    text-align: center;
    text-decoration: none;
    display: block;
    color: blue;
    width: 100%;
    
 
    padding: 1vh 0;
    
}
#products1 section:nth-of-type(2) a:hover{
    background-color:rgb(0, 102, 255) ;
    color: white;
    border-radius: 100px;
}


#products2 a img{
    width: 100%;
    height: 65vh;
}

#products2 section:nth-of-type(1){
    position: absolute;
    width: 19%;   
    background-color:blue;
    top: 23%;
    left: 30%;
    border: 0.8px solid blue;
    border-radius: 100px;

}
#products2 section:nth-of-type(1) a{
    text-align: center;
    text-decoration: none;
    display: block;
    color: white;
    width: 100%;
    
   
    padding: 1vh 0;
    
}
#products2 section:nth-of-type(1) a:hover{
    background-color:rgb(0, 102, 255) ;
    color: white;
    border-radius: 100px;
}

#products2 section:nth-of-type(2){
    position: absolute;
    width:9%;   
    background-color:white;
    top: 23%;
    left: 52%;
    border: 0.8px solid blue;
    border-radius: 100px;

}
#products2 section:nth-of-type(2) a{
    text-align: center;
    text-decoration: none;
    display: block;
    color: blue;
    width: 100%;
    
    
    padding: 1vh 0;
    
}
#products2 section:nth-of-type(2) a:hover{
    background-color:rgb(0, 102, 255) ;
    color: white;
    border-radius: 100px;
}

#floattwo{
    clear: both;
    width: 100%;
    height: 70vh;
    margin-top: 0%;
    background-color: white;
    
}

#products3{
    width: 48%;
    height: 70vh;
    margin: 0 1%;
    box-sizing: border-box;
    float: left;
    position: relative;
}
#products4{
    width: 48%;
    height: 70vh;
    margin: 0 1%;
    box-sizing: border-box;
    float: left;
    position: relative;
}

#products3 a img{
    width: 100%;
    height: 65vh;
}

#products3 section:nth-of-type(1){
    position: absolute;
    width: 19%;   
    background-color:blue;
    top: 23%;
    left: 30%;
    border: 0.8px solid blue;
    border-radius: 100px;

}
#products3 section:nth-of-type(1) a{
    text-align: center;
    text-decoration: none;
    display: block;
    color: white;
    width: 100%;
    
   
    padding: 1vh 0;
    
}
#products3 section:nth-of-type(1) a:hover{
    background-color:rgb(0, 102, 255) ;
    color: white;
    border-radius: 100px;
}

#products3 section:nth-of-type(2){
    position: absolute;
    width:9%;   
    background-color:white;
    top: 23%;
    left: 52%;
    border: 0.8px solid blue;
    border-radius: 100px;

}
#products3 section:nth-of-type(2) a{
    text-align: center;
    text-decoration: none;
    display: block;
    color: blue;
    width: 100%;

    padding: 1vh 0;
    
}
#products3 section:nth-of-type(2) a:hover{
    background-color:rgb(0, 102, 255) ;
    color: white;
    border-radius: 100px;
}


#products4 a img{
    width: 100%;
    height: 65vh;
}

#products4 section:nth-of-type(1){
    position: absolute;
    width: 19%;   
    background-color:blue;
    top: 70%;
    left: 36%;
    border: 0.8px solid blue;
    border-radius: 100px;

}
#products4 section:nth-of-type(1) a{
    text-align: center;
    text-decoration: none;
    display: block;
    color: white;
    width: 100%;
    
    
    padding: 1vh 0;
    
}
#products4 section:nth-of-type(1) a:hover{
    background-color:rgb(0, 102, 255) ;
    color: white;
    border-radius: 100px;
}

#products4 section:nth-of-type(2){
    position: absolute;
    width:9%;   
    background-color:white;
    top: 70%;
    left: 58%;
    border: 0.8px solid blue;
    border-radius: 100px;

}
#products4 section:nth-of-type(2) a{
    text-align: center;
    text-decoration: none;
    display: block;
    color: blue;
    width: 100%;
    
    
    padding: 1vh 0;
    
}
#products4 section:nth-of-type(2) a:hover{
    background-color:rgb(0, 102, 255) ;
    color: white;
    border-radius: 100px;
}

 
#floatthree{
    clear: both;
    width: 100%;
    height: 70vh;
    margin-top: 0%;
    background-color: white;
    
}

#products5{
    width: 48%;
    height: 70vh;
    margin: 0 1%;
    box-sizing: border-box;
    float: left;
    position: relative;
}
#products6{
    width: 48%;
    height: 70vh;
    margin: 0 1%;
    box-sizing: border-box;
    float: left;
    position: relative;
}

#products5 a img{
    width: 100%;
    height: 65vh;
}

#products5 section:nth-of-type(1){
    position: absolute;
    width: 19%;   
    background-color:blue;
    top: 23%;
    left: 41%;
    border: 0.8px solid blue;
    border-radius: 100px;

}
#products5 section:nth-of-type(1) a{
    text-align: center;
    text-decoration: none;
    display: block;
    color: white;
    width: 100%;
    

    padding: 1vh 0;
    
}
#products5 section:nth-of-type(1) a:hover{
    background-color:rgb(0, 102, 255) ;
    color: white;
    border-radius: 100px;
}

#products5 section:nth-of-type(2){
    position: absolute;
    width:6%;   
    background-color:white;
    top: 40%;
    left: 52%;
    border: 0.8px solid blue;
    border-radius: 100px;

}
#products5 section:nth-of-type(2) a{
    text-align: center;
    text-decoration: none;
    display: block;
    color: blue;
    width: 100%;
    
    font-size: larger;
    font-weight: bolder;
    padding: 2vh 0;
    
}
#products5 section:nth-of-type(2) a:hover{
    background-color:rgb(0, 102, 255) ;
    color: white;
    border-radius: 100px;
}


#products6 a img{
    width: 100%;
    height: 65vh;
}

#products6 section:nth-of-type(1){
    position: absolute;
    width: 19%;   
    background-color:blue;
    top: 26%;
    left: 30%;
    border: 0.8px solid blue;
    border-radius: 100px;

}
#products6 section:nth-of-type(1) a{
    text-align: center;
    text-decoration: none;
    display: block;
    color: white;
    width: 100%;
    
    
    padding: 1vh 0;
    
}
#products6 section:nth-of-type(1) a:hover{
    background-color:rgb(0, 102, 255) ;
    color: white;
    border-radius: 100px;
}

#products6 section:nth-of-type(2){
    position: absolute;
    width:12%;   
    background-color:white;
    top: 26%;
    left: 55%;
    border: 0.8px solid blue;
    border-radius: 100px;

}
#products6 section:nth-of-type(2) a{
    text-align: center;
    text-decoration: none;
    display: block;
    color: blue;
    width: 100%;
    
    
    padding: 1vh 0;
    
}
#products6 section:nth-of-type(2) a:hover{
    background-color:rgb(0, 102, 255) ;
    color: white;
    border-radius: 100px;
}

#paragraph{
    clear: both;
    background-color: rgb(239, 238, 238);
    height: auto;
}
#paragraph div:first-child{
    width: 70%;
    margin: 0 15%;
    padding: 1vh 0;
    font-size: 0.85em;
    color: rgb(95, 94, 94);
    text-align: justify;
    border-bottom: 1px solid black;
    height: 86vh;
    box-sizing: border-box;

}

#paragraph div:first-child a{
    color: rgb(39, 38, 38);
}
#list{
    width: 70%;
    margin: 0 15%;
    box-sizing: border-box;
 
    border-bottom: 1px solid black;
    height: 75vh;
}

#list section{
    width: 16%;
    margin: 0 2%;
    float: left;
    box-sizing: border-box;
    
}

#list section ul li{
    list-style: none;
    font-size: 0.9em;
    padding: 1vh 0;

}
#list section ul li:first-child{
    font-size: 1.1em;
    font-weight: bold;
}
#list section ul li a{
    text-decoration: none;
    color: black;
}
#list section ul li a:hover{
    border-bottom: 1px solid black;
}

#mtn{
    clear: both; 
    
}

footer{
    width: 70%;
    margin: 0 15%;
    padding: 3vh 0;
}
footer ul li{

    width:10%;  
    box-sizing: border-box;
    list-style: none;
    display: inline-block;
    font-size: 0.9em;
    text-align: center;
    
}
footer ul  span{
  

   margin-right: 3%;
}
footer ul li:nth-child(2){
    border-right: 0.5px solid black;
}
footer ul li:nth-child(3){
    border-right: 0.5px solid black;
}footer ul li:nth-child(4){
    border-right: 0.5px solid black;
}footer ul li:nth-child(1){
    border-right: 0.5px solid black;
}
footer ul li:nth-child(5){
    border-right: 0.5px solid black;
}

footer ul li a{
    text-decoration: none;
    color: black;
}
footer ul li a:hover{
    border-bottom: 0.5px solid black;
}
#latest{
    text-decoration: none;
    color: black;
    margin-left: 6%;
}

#latest:hover{
    
    border-bottom: 0.5px solid black;
}