.heading1{
    border-radius: 25px;
    text-align: center;
      margin-top: 25px;
    margin-left: 35%;
    margin-right: 35%;
    width: 480px;
    font-style:bold;
    font-family: Georgia, 'Times New Roman', Times, serif;
    background:rgb(255, 166, 0);
    margin-bottom: 20px; 
  }
  
  ul{
      padding: 0;
      margin: 0 0 0 150px;
      list-style:none;
  
  }
  
  nav{
      width: 100%;
      overflow: auto;
      background-color: rgb(180, 48, 136);
  }
  li{
      float: left;
  
  }
  
  li a{
      width: 100px;
      display: block;
      padding: 20px ; 
      text-decoration:underline;
      color: white ;
      text-align:center;
  }
  
  li a:hover{
      background-color:darkgoldenrod;
      text-transform: uppercase;
      margin: auto;
      padding:10%;
  }
  
  .logo img{
      position: absolute;
      margin-top: 5px;
      margin-left: 10px;
      border-radius: 50px;
  }
  
  *{
      box-sizing: border-box;
      margin: 0;
      padding:0; 
      
  }
  






.heading1{
  border-radius: 10px;
  text-align: center;
    margin-top: 22px;
  margin-left: 32%;
  width: 450px;

  background:rgb(29, 214, 205); 
}

.intro{
	margin: 4px;
	padding: 10px;
	border-radius: 20px;
	background-color: #36adadd7;
	height: 250px;
	font-family: Gill Sans, sans-serif;

}


.a{
	margin: 9px;
	padding: 5px;
	border-radius: 25px;
	background-color: #8d1d71;
	font-family: Gill Sans, sans-serif;
	

}
 hr {opacity: 0.6;
        width: 100%;
        height: 30px;
        margin-left: auto;
        margin-right: auto;
        background-color: rgb(56, 221, 166);
      }


      .sub{
        background: rgb(177, 28, 214);
        width: 350px;
        font-family: Gill Sans, sans-serif;
        border-radius: 25px;
          
           margin-top: 15px;
           margin-left: 36%;
           height: 37px;
           text-align: center;
           margin-bottom: 18px;
}