body {
    font-size: 15pt;
    background-color: white;
}

#product {
  width: 300px;
  height: 250px;
  margin-left: 8px;
  border-radius: 20px;
  margin-top: 50px;
}

h5 {
  font-size: 23px;
  color: orange;
  
}

h1 {
  font-size: 25px;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  margin-left: 50px;
}

small {
  font-size: 16px;
  
}

#discount {
  margin-left: 70px;
}

.pricing {
  display: flex;

}

#dis {
  font-size: 16px;
  font-weight: bold;
  color: darkorange;
  background-color: darkgrey;
  height: 23px;
  border-radius: 4px;
  opacity: 5px;
  
  
}
 
 h2 {
   margin-left: 30px;
   font-size: 25px;
 }

.plus-minus {
  display: flex;
  justify-content: space-evenly;
  background-color: rgb(177, 177, 207);
  width: 250px;
  border-radius: 20px;
  height: 60px;
  margin-left: 50px;
}


.add {
  background-color: darkorange;
  display: flex;
  width: 250px;
  border-radius: 20px;
}

#add-cart {
  color: white;
  margin-left: 50px;
  font-size: 15px;
}

#addtocart {
  margin-left: 20px;
  width: 26px;
  margin-top: 18px;
}

.naver {
  display: flex;
  height: 22px;
  width: 15px;
  margin-top: 30px;
  
  
  
  
  
}

.pics-next {
  display: flex;
}

#left-next {
  height: 50px;
  margin-top: 100px;
  margin-left: 6px;
  background-color: black;
  color: white;
  border-radius: 50px;
  font-weight: bold;
  
}

#right-next {
  height: 50px;
  margin-top: 100px;
  background-color: black;
  color: white;
  border-radius: 50px;
  font-weight: bold;
}


#cart-numb {
  font-size: 20px;
  font-weight: bold;
  color: white;
  background-color: red;
  height: 20px;
  border-radius: 50px;
  width: 15px;
  margin-left: 1px;
  margin-top: 12px;
  padding-left: 5px;
  
}

#logo {
  margin-left: 17px;
  width: 100px;
}


#cart {
  margin-left: 40px;
  height: 25px;
  opacity: 0;
}

#cartt {
  margin-right: 3px;
  height: 25px;
  opacity: 30;
}


#menu {
  margin-left: 25px;
  right: 0;
  top: 0;
  z-index: 100;
  transition: all 0.2s ease-in-out;
  height: 15px;

  }

.addd {
  background-color: darkorange;
  display: flex;
  width: 250px;
  border-radius: 20px;
  height: 60px;
}

.modal-container {
  background-color: black;
  position: fixed;
  opacity: 0;
  pointer-events: none;
  
}

#lists {
  color: white;
  text-align: center;
  margin-top: 40px;
  padding: 10px;
 
}

#close {
  margin-left: 40px;
  width: 24px;
  opacity: 0;
  position: fixed;

  
}

#cart-pro {
  width: 80px;
  height: 60px;
  border-radius: 15px;
}

.modal {
  background-color: white;
  border: solid black;
  position: fixed;
  margin-top: 100px;
  opacity: 0;
  padding-top: 1px;
  pointer-events: none;
}

#descript {
  color: black;
}

#cart-pop {
  color: black;
  text-align: center;
  
  
  
}

#canc {
  font-size: 22px;

}

.marg-cart1 {
  display: flex;
  justify-content: space-evenly;
  border-radius: 15px;
  
}


.marg-cart2 {
  display: flex;
  justify-content: space-evenly;
  border-radius: 15px;
  opacity: 30;
  
}

#delete1 {
  background-color: black;
  color: white;
  height: 50px;
}


#delete2 {
  background-color: black;
  color: white;
  height: 50px;
}




#cancel {
  font-size: 30px;
}

#minus {
  height: 4px;
  width: 12px;
  margin-top: 20px;
}

#plus {
  height: 12px;
  width: 12px;
  margin-top: 20px;
}

#nav-li {
  display: none;
}

footer {
  font-size: 13px;
  font-family: 'Times New Roman', Times, serif;
  text-align: center;
}

@media (min-width: 400px) {
#product {
  width: 400px;
  height: 400px;
  border-radius: 20px;
}

#left-next {
  margin-left: 100px;
}

h5 {
  margin-top: 5px;
  font-size: 30px;
  
}

.flexyy {
  display: flex;
  margin-left: 20px;
  
}

.all {
  margin-top: 130px;
}
.plus-minus {
  width: 100px;
  margin-left: 2px;
}

.pricing {
  margin-left: 100px;
}


.disp {
  display: flex;
  justify-content: space-evenly;
}

 .addd{
  margin-left: 30px;
}

.add {
  margin-left: 100px;
  margin-top: 20px;
}

small {
  font-size: 18px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  width: 10px;
}

#menu {
  display: none;
}

.naver{
  display: flex;
  margin-right: 80px;
}
#nav-li {
  display: flex;
  margin-right: 100px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
}

#logo {
  margin-left: 100px;
}

footer {
  font-size: 13px;
  font-family: 'Times New Roman', Times, serif;
  text-align: center;
}

.modal {
  margin-left: 800px;
}


}