@charset "UTF-8";
*{margin: 0px;}
.headingone {
	text-align: left; 
	color: rgb(255, 255, 255);
	font-size: 5.5em;
	margin-top: 100px; margin-right: 10px; margin-bottom: 60px; margin-left: 90px;
	font-family: Megrim, Time, Arial
}

.headingtwo {
	text-align: left; 
	color: rgb(255, 255, 255);
	font-size: 5.5em;
	margin-top: 10px; margin-right: 10px; margin-bottom: 90px; margin-left: 190px;
	font-family: Megrim, Time, Arial
}

.headingfour {
	color: #1D1D4A;
	font-size: 2em;
	padding: 10px 45px;
	margin-top: 700px;
	font-family: "Cormorant Garamond", Time, Arial
}

.headingfive {
	color: #1D1D4A;
	font-size: 1.5em;
	padding: 10px 45px;
	margin-top: 100px;
	font-family: "Cormorant Garamond", Time, Arial
}

.paragraphone {
	text-align: center; 
	color: rgb(255, 255, 255);
	font-size: 3.5em;
	margin-top: 100px; margin-right: 10px; margin-bottom: 60px; margin-left: 90px;
	font-family: "Cormorant Garamond", Time, Arial
}



.blueborder {
	border-style: solid;
	border-width: 6px;
	border-color: #1D1D4A;
	margin: 10px 175px;
}

.bluebordertwo {
	border-style: solid;
	border-width: 6px;
	border-color: #1D1D4A;
	margin: 10px 70px;
}

.blueborderthree {
	border-style: solid;
	border-width: 6px;
	border-color: #1D1D4A;
	margin: 100px 30px;
}

.blueborderfour {
	border-style: solid;
	border-width: 6px;
	border-color: #1D1D4A;
	margin: 750px 30px 0px 30px;
}

.width30 {
	width: 30%;
	}


.clearfix {
		overflow: auto;
}


ul {
	list-style-type: none; /* Remove the default bullet */ 
	margin: 0px; /* Multiple margins has different around (e.g. 2 values is value a to top n bottom, 4 values would be 
	top, left, bottom, right */
	padding: 0px; 
	overflow: hidden;
}

ul li {
	float: left;
}

ul li a {
	color: white; 
	text-decoration: none;
	padding: 10px 25px;
	display: block; 
	font-size: 1.25em;
	font-family: "Cormorant Garamond", Time, Arial
}  

/* here we removed padding, underline, and made it into a block instead of inline*/ 

ul li a:hover {
	color: #85BBBD;
}

.test {
  height: 900px;
background: url("Images/moon.png"), linear-gradient(180deg,rgba(29, 29, 74, 1) 29%, rgba(56, 80, 120, 1) 78%, rgba(255, 255, 255, 1) 100%);
  background-repeat: no-repeat;
  background-size: cover;
}

.testy {
  height: 900px;
background: linear-gradient(180deg,rgba(29, 29, 74, 1) 29%, rgba(56, 80, 120, 1) 78%, rgba(255, 255, 255, 1) 100%);
  background-repeat: no-repeat;
  background-size: cover;
}

.carousel {
	width: 100%;
	max-width: 800px;
	overflow: hidden; /* hides overflowing sides */
	margin: auto; /* centers carousel */ 
}

.slides {
	display: flex; 
	transition: transform 0.5s ease;
}

.slides img {
	width: 100%;
	height: auto; 
	flex-shrink: 0; 
}

.hline { 
	width:100%;
	height:1px;
	background: #fff 
	}