@import url("https://fonts.googleapis.com/css2?family=Sriracha&display=swap");

 * {
    margin: 0%;
    padding: 0%;
    box-sizing: border-box;
}


/* CSS for main element */
.intro {
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center;


  background-size: 100% 100%;
  height:610px;

}
.intro h1 {
  font-family: sans-serif;
  font-size: 50px;

  color: #fff;
  font-weight: bold;
  text-transform: uppercase;

}

.intro p {
  font-size: 20px;
  color: #d1d1d1;
  text-transform: uppercase;
}

.intro button {
  background-color:#008080;
  padding: 10px 25px;
  border: none;
  border-radius: 5px;
  font-size: 20px;
  font-weight: bold;

  box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.4)
}
.myh1{
margin-left:570px;
margin-top:30px;
}

.nav .myp{
  text-align: justify;
  margin:20px 70px;
  }
  .section{
  width:100%;
  height:300px;

  }
  .section1{
  width:50%;
  float:left;
  height:auto;
  text-align: justify;
  margin-left:70px;

  }
  .section2{
  width:30%;
  float:right;
  height:auto;
  margin-right:40px;

  }