@charset "UTF-8";

h1 {
	text-align: center;
	background-color: rgb(215, 222, 248);
	font-size: 4.2vw;
}

h2 {
	font-size: 2.15em;
	text-align: center;
}

.center{
	text-align: center;
}
.blackborder {
	border-style: solid;
	border-width: 2px;
	border-color: grey;
	border-radius: 10px;
	padding: 12px
}

.floatright {
		float: right;
	}

.clearfix {
		overflow: auto;
}

.tasa-orbiter-headingfont {
  font-family: "TASA Orbiter", sans-serif;
  font-weight: 400;
  font-style: normal;
}

body {
	margin: 0px
	;padding: 75px;
}

p {
	font-size: 1.65vw;
	margin: 7px
}
ul {
	list-style-type: none; /* Removes the default bullet */
	margin: 0px; /* Removes the default margin */
	padding: 0px; /* Removes default padding */
	background-color: #415a77; /* Background color change */
	overflow: hidden; /* Keeps elements inside the unordered list */
	text-align: center
}

ul li {
	float: left;
}

ul li a {
	color: white; /* Font color change */
	text-decoration: none; /* Removes the underline */
	padding: 14px 16px;
	display: block; /* Makes the list item anchor block instead of inline */
}

ul li a:hover {
	background-color: #111111; /* gives changed to color when hovering over the top bar text */
}
/* font-family: for font change */
/* For giving comments, use these slashes and asterisks like this */