@import url('https://fonts.googleapis.com/css2?family=Rubik+Dirt&display=swap');

@font-face{

  font-family:"pacifico";
  src:url("font/pacifico-regular-webfont.woff2") format("woff2"),
      url("font/pacifico-regular-webfont.woff") format("woff");
}

*{
  font-family:"pacifico", arial;

}


main{
  width: 800px;
  height: 500px;
  overflow: hidden;
  font-size: 25px;
  margin: 100px auto;
  /* border: 2px solid #000000; */
  border-radius: 10px;
  box-shadow: 5px 5px 15px #000000;
  padding: 10px;

}

h1{
  text-align: center;
  font-family: 'Rubik Dirt', cursive;
}

main p{
  text-align: justify;
  line-height: 1.5em;
}

nav{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
}

nav{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #d0c2d9;

}
nav ul{
  display: flex;
  justify-content: space-around;
  list-style: none;
  height: 50px;
}

nav ul li{
  list-style: none;
  /* display: flex; */
  align-items: center;
  column-gap: 8px;
  font-family: Helvetica;
}

.icons{
  font-size: 30px;
  color: #4c0878;
}

.navList{
  font-style: Helvetica;
}