body{
    

  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
*{
    margin: 0;
    padding: 0;
}
.navbar{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    background-color: rgb(68, 176, 68);
    position:sticky;
    
}
.navbar-links a{
    padding: 10px;
    text-decoration: none;
    color: white;
    
    
    border-radius: 30px;
    
}
.add-to-cart{
    text-align: center;
    background-color:rgb(71, 133, 36); ;
    width: 200px;
    margin-left: 43%;
}
.navbar h1{
    color: rgba(211, 234, 5, 0.932);
    
}
.navbar h1:hover{
    scale: 1.2;
    transition: 0.5s;
}

.navbar-links a:hover{

    cursor: pointer;
    background-color: rgba(211, 234, 5, 0.932);
    scale: 1.1;
    transition: 0.5s;

}
@media screen and (max-width:800px){
    .navbar h1{
        font-size: 16px;
    }
    .navbar-links a{
        font-size: 12px;
        padding: 1px
    }
    .products div img{
        width: 120px;
        
    }
    .women-product div img{
        width: 120px;
    }
    .one input,.two input{
        font-size: 9px;
    }
    
}
.input{
    margin-left: 30%;
    margin-top: 20px
}
.one input{
    width: 50%;
    padding: 20px;
    border-radius: 20px;
    border: 2px solid black;
    background-color: rgba(62, 146, 47, 0.734);
    color:black;
    

}

.two{
    margin-left: 30%;
    margin-top: 20px
}
.two input{
     width: 50%;
    padding: 20px;
    border-radius: 20px;
    border: 2px solid black;
    background-color: rgba(62, 146, 47, 0.734);
    color: rgb(255, 255, 255);
    margin-top: 30px;
}
.mens h1{
    color: rgb(45, 146, 45) ;
    margin: 20px;
}
.products{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    background-color:rgba(62, 146, 47, 0.734);
    border-radius: 10px;
    
}
.products div{
    border: 5px solid rgb(37, 36, 36);
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
    flex-basis: 15%;

}
.products div,h4,p{
    text-align: center;
    
    
}
.products button{
    background-color:black;
    color:white;
    padding: 10px;
    border-radius: 10px;
    
    
}
.welcome{
    background-color: rgb(214, 208, 208);
    text-align: center;
    margin: 10px;
    border-radius: 10px;
    padding: 20px;

}
.welcome h1,h2,h3{
    padding: 10px;
}
.womens h1{
     color: rgb(45, 146, 45) ;
    margin: 20px;
}

.women-product{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    background-color:rgba(62, 146, 47, 0.734);
    border-radius: 10px;
    
}
.women-product div{
    border: 5px solid rgb(37, 36, 36);
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
    flex-basis: 15%;
}
.women-product div,h4,p{
    text-align: center;
}
.women-product button{
    background-color:black;
    color:white;
    padding: 10px;
    border-radius: 10px;
}
.ABOUT h1{
    color: rgb(45, 146, 45) ;
    margin: 10px;

}
.ABOUT div{
    background-color: rgb(84, 147, 84)  ;
    text-align: center;
    border-radius: 20px;
}
.contact h1{
    color: rgb(45, 146, 45);
    margin:10px;
}
.contact div{
    background-color:rgb(84, 147, 84) ;
    color: white;
    text-align: center;
}
.contact div input{
    width: 30%;
    padding: 10px;
    border-radius: 20px;
}
.contact div button{
    background-color: rgb(54, 52, 52);
    color: white;
    padding: 10px;
    border-radius: 10px;
    border: none;

}



    

html{
    scroll-behavior: smooth;
}
.products div img:hover{
    scale: 1.1;
    transition: 0.5s;
}
.women-product div img:hover{
     scale: 1.1;
    transition: 0.5s;
}
.cart{
    background-color: rgb(84, 147, 84) ;
    width: 500px;
    margin-left: 35%;
    margin-top: 20px;
    display: flex;
    height: fit-content;
}