/* start global styles */
/* end global styles */

body {
  background-color: #f7ecde;
}

h1 {
  font-family: "Pacifico", cursive;
  font-size: 50px;
  text-align: center;
  padding-top: 60px;
  /* padding-bottom: 10px; */
  position: relative;
  z-index: 100;
  text-transform: capitalize;
}

h1::after {
  content: "";
  width: 270px;
  height: 20px;
  background-color: #fec260;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  transition: height 0.4s;
}

h1:hover::after {
  height: 40px;
}

 hr {
  border: none;
  border-bottom: 3px dotted #000000;
  padding-top: 50px;
} 

h2 {
   font-family: "Righteous", sans-serif;
  color: #00809D;
}