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

.navbar {
font-size: 25px;
background-color: #20283e;
border: 5px;
text-align: center;
text-decoration: none;
font-family: 'Castoro', serif;
float: left;
z-index: 10000;
width: 100%;
position: fixed;
overflow: hidden;
height: 3em;
margin: auto;
padding-top: 2%;
padding-right: 1%;
}
iframe{
	width: 100%;
}
ul {
	list-style-type: none;
}
ul{
  background-color: #4de3b9
}
ul{
  font-family: 'Castoro', serif;
}
li {
	margin: 5%;
}
a {
	color: #7AA1BC;
	width:20%;
	padding-left: 5%;
}
.heading {

    background-color: #d7d8dd;
    margin-top: 0px;
    margin-bottom: 0.1%;
    padding-top: 5%;


}

body{
	padding:0;
	margin: 0%;
}
.pics
    {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
			height: 30em ;
    }
    .words
    {
      position: absolute;
      top: 25%;
      left: 0%;
      background-color: rgba(255,255,255,0.75);
			height: 20em;

    }

.homebody{
	  margin-left: 5%;
	  margin-right: 5%;
	  background-image: linear-gradient(rgb(151, 199, 154, 0.5), white);
	  margin-top: -1.1%;
		margin-bottom: 4%;
	}
	.flexbox {
	 display: flex;
	 flex-direction: column;
	 flex-basis: 50%;
	}
	.footer{
		background-color: #20283e;
		bottom: 0;
		margin-bottom: -10%;
		width: 100%;

	}

.footertext{
	color: white;
	text-align: center;
	padding-bottom: 3%;

}
  h6 {
    font-family: 'Castoro', serif;
    color: white;
  }
h1{
	color: #20283e;
	font-family: 'Castoro', serif;
	padding-left: 5%;
	padding-right: 5%;
	font-size: 120%;
	padding-top: 4%;
}
.why{
	width: 50%;
}
.homegallery{
	display: flex;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 5%;
}
.galleryimage{
	transition: 0.3s;
}
.galleryimage:hover {
	transform: rotate(5deg);
}