@charset "UTF-8";

h1 {
	text-align:center;

	font-size: 2.5em;
}
/*Margin was made with the help of https://www.w3schools.com/css/css_margin.asp*/
/*Border was made with the help of https://www.w3schools.com/css/css_border.asp*/
img{
	border-style: solid;
	border-width: 3px;
	border-color: black;
	border-radius: 5px;
	margin-right: 1.75%;
	margin-left: 1.75%;
	margin-bottom: 2%;
}


h2{
	font-size:2.3em;
	margin-left:1%;
	text-align: center;
}

h3{
	font-size:1.5em;
	margin-left:.75%
}

/*Background color was made with the help of https://rgbcolorcode.com/color/converter*/
.color1{
	background-color: rgba(187, 210, 245, 0.8);
	
}

/*Background was made with the help of https://www.w3schools.com/css/css_background.asp*/
.sky {
  background-image:url("Images/Sky2.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}



.blackborder {
	border-style: solid;
	border-width: 3px;
	border-color: black;
	border-radius: 5px;
}


.whiteborder{
	border-style: solid;
	border-width:.5em;
	border-color:white;
	border-radius:5px;
}
.widthSm {
	width: 30%; 
}
.widthMd{
	width:50%;
}

.textmain
{
	text-align:center;
	font-size: 1.5em;
}
/*text size was made with the help of https://www.w3schools.com/css/css_text_align.asp*/

.textsizebody{
	font-size:1.5em;
}

.floatright{
	float: right;
}

.floatleft{
	float:left;
}

.clearfix {
	overflow: auto;
}

.height{
	height:400px;

}
p{
	font-size: 2.5em;
}
.margin3{
	  margin-right: 2.1%;
}

.margin1{
	margin-left:2.1%;
}
.marginbottom{
	margin-bottom: 100px;
}
.marginup{
	margin-top: 80px;
}
.widthtiny{
	width: 15%;
}

.bigtext{
	margin-top: 100px;
	margin-bottom: 100px;
	font-size: 4.5em
}

div{
	margin-bottom:20px;
 
}


ul{
	list-style-type:none;   /*Removes Default bullet*/
	margin: 0px;
	padding: 0px;
	background-color: white;
	overflow: hidden;
	margin-bottom:20px;
	border-style: solid;
	border-width:1px;
	border-color:white;
	border-radius:5px;
}

ul li{
	float: left;
}

ul li a{
	color: black;
	text-decoration:none;
	display:block;
	padding:10px 35px;
	font-size: 1.5em;
}

ul li a:hover{
	background-color:#8cc5f9;
}

.borderleft{
	margin-left:1%;
}
.borderright{
	margin-right:1%;
}

/*Centered Images were made with the help of https://www.w3schools.com/css/css3_image_center.asp*/
.center{
	display: flex;
	justify-content: center;
	border-width:0px
}
.centertext{
	justify-content:center;
}