@import url('https://fonts.googleapis.com/css2?family=Lobster&family=Momo+Trust+Display&display=swap');

* {
 margin-top: 0;
 margin-left: 0;
}

/* IDs */

#heading  {
  display: flex;
  justify-content: center;
  padding-top: 1em;
  word-spacing: 0.5em;
  font-family: Lobster , sans-serif;
  letter-spacing: 0.5em;
  font-weight: normal;
}

#heading-2 {
 display: flex;
 justify-content: center;
 word-spacing: 0.7em;
   font-family: Lobster , sans-serif;
  letter-spacing: 0.2em;
  font-weight: normal;
 }
 
 #whatsapp , #tel , #mail {
  font-weight: normal;
 }
 
 #facial-mask-quantity {
  margin-left: 1em;
 }
 
#lips-mask-quantity {
 margin-left: 1.5em;
} 
 
#pimple-patch-quantity {
 margin-left: 0.5em;
} 

#eye-pad-quantity {
 margin-left: 2.7em;
}

#footer {
font-family: Lobster , sans-serif;
letter-spacing: 0.1em;
}
 
#email {
 margin-left: 6em;
}

#number {
 margin-left: 4.5em;
}

 /* Classes */
 
.header {
 background: aqua;
 font-size: 0.5em;
 width: 100vw;


}

.nav-bar {
 background: gold;
 padding: 1em 0 0.2em 0;
}

.nav-list {
 display: flex;
 justify-content: space-evenly;
 font-family: cursive;
}

.home-section , .about-section{
 display: flex;
 justify-content: center;
margin: 2em 0 2em 1em;
 line-height: 1.5em;
}

.order-section {
 margin-left: 1em;
}

.contact-section {
 margin-top: 1em;
 margin-left: 1em;
}

.product-section {
margin-left: 0.2em;
}

.order-input , .reset-input {
 background: #C0C5FC;
 border: 2px solid grey;
 padding: 0.5em;
 margin: 1em;
font-family: serif;
 border-radius: 1em;
}

/* Generics */

body {
 background: pink;
 color: purple;
}

img {
 width: 100%;
 border-radius: 2em;
 border: 2px solid gold;
 margin-bottom: 1em;
}

a {
 text-decoration: none;
 color: purple;
 font-weight: bolder;
 font-size: 1.5em;
}

li {
 list-style-type: none;
}

hr {
 background: purple;
}

input {
 margin-bottom: 1em;
}

button {
 background: aqua;
 border-radius: 1em;
 border: none;
 padding: 0.5em;
 box-shadow: 3px 3px grey;
 margin-left: 1em;
}

h4 {
 font-weight: normal;
}