@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');
body {
    position: relative !important;
	background-image: linear-gradient(to bottom , #E1F1FF, #95cdff)!important;
	background-color: #95cdff;

  }
  li.active a { color:  white !important; background-color: rgb(19, 79, 139) !important}
  ul.nav-pills {
    top: 15%;
    position: fixed;
  }

  .nav-pills li>a:hover {
color:  white !important;
 background-color: #5680C1 !important}

.aboutSections{
	  color: #134F8B;
	      font-size: 18px;
  font-family: 'Indie Flower', cursive ;
font-weight: bold;
	  
  }
.AboutText{
	font-size: 20px;
font-family: 'Patrick Hand', cursive !important;
	color: #134F8B;
}
#myStory{
background-color:white;
border: solid;
border-color:black;
border-width: thick;
padding: 5px;
margin: 5px;
}

#areasOfInterest{
background-color:white;
border: solid;
border-color:black;
border-width: thick;
padding: 5px;
margin: 5px;
}
 

#goals{
background-color:white;
border: solid;
border-color:black;
border-width: thick;
padding: 5px;
margin: 5px;
}

  @media screen and (max-width: 810px) {
    #aboutSections, #areasOfInterest, #goals  {
      margin-left: 150px;
    }
  }