@charset "UTF-8";

/*Page made with the help of W3 Schools */

.backgroundimage{
	background-image:url(https://live.staticflickr.com/2626/3977189310_07c86b3633_b.jpg);
	background-size: 100% 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

/* retrieved image from https://live.staticflickr.com/2626/3977189310_07c86b3633_b.jpg*/

.clearfix {
	overflow: auto;
}

.padding {
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
}

.margintopbottom {
	margin-bottom:50px;
	margin-top:40px;
}

.navbar {
	background-color: black;
	width:80%;
	margin: 0 auto;
	border-style: solid;
	border-width: 3px;
	border-color: black;
	border-radius: 10px;
}

Nav {
	float:left;
}

.navbar::after {
	content: '';
	display:table;
	clear:both;
}
/* I used https://www.youtube.com/watch?v=FEmysQARWFU&ab_channel=KevinPowell as a resource for this part up top*/

ul {
	padding:20px;
	margin:0;
	list-style:none;
	position:sticky;
	text-align: center;
}

ul li{
	display:inline-block;
}

ul a{
	color:red;
	text-decoration:none;
}

ul a:hover {
	text-decoration:underline;
	color:white;
}

h1 {
	text-align: center;
	font-size: 2.5em;
}


.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.centertext {
	display:inline-block;
	height:10%;
	width:50%;
	margin-left:20%;
	margin-right:30%;
}

p {
	font-family: Lato, Helvetica, "Comic Sans";
	font-size: 1.5em;
	line-height:1.5em;
}
.navbar {
	font-family: Calibri, Helvetica, "Comic Sans";
	font-size: 1.75em;
}
h1 {
	font-family: Calibri, Helvetica, "Comic Sans";
	font-size: 3em;
}

.blackbackground {
	text-align: center;
	background-color: black;
	color:white;
}

.redborder {
	border-style: solid;
	border-width: 5px;
	border-color: red;
	border-radius: 10px;
	padding:20px
}

.img1 {
	width:26%;
}

.img2 {
	width:40%
}
.width1 {
	width:65%
}

.imgborder {
	border-style: solid;
	border-width: 5px;
	border-color: red;
	border-radius: 10px;
}

.width1 {
	width:68%
}

.centerimg {
	display:block;
	margin:auto;
	width:30%;
}

.img3 {
	width:25.2%;
}

.a1 {
	color:red;
}

.document {
	height: 700px;
	width:75%;
	margin-left: auto;
	margin-right: auto;
}

.half1 {
	width: 45%;
	display: inline-block;
	float: left;
}

.half2 {
	width: 45%;
	float: right;
	display: inline-block;
}

.half11 {
	width: 40%;
	display: inline-block;
	float: right;
}

.centertext1 {
	display:inline-block;
	height:10%;
	width:97.3%;
}

.third1 {
	width: 30%;
	display: inline-block;
	float: left;
}

.half12 {
	width: 65%;
	float: right;
	display: inline-block;
}

.margin1 {
   margin: auto;
   margin-top: 50px;
   margin-bottom: 50px;
   padding: 10px;

}

.margin2 {
   margin: auto;
   margin-top: 100px;
   margin-bottom: 50px;
   padding: 10px;
}

.padding1 {
    padding-top: 56px;
    padding-bottom: 56px;
}

.document1 {
	height: 1080px;
	width:35%;
	margin-left: auto;
	margin-right: auto;
}

.margin3 {
   margin: auto;
   margin-left: 80px;
   margin-right: 80px;
   padding-top: 100px;
   padding-bottom: 100px;
   margin-top: 175px;
   margin-bottom: 175px;
}

.marginleft {
   margin: auto;
   margin-left: 50px;
}

.marginright {
   margin: auto;
   margin-right: 50px;
}

.margin4 {
   margin-top: 100px;
}

.margin5 {
   margin: auto;
   margin-left: 80px;
   margin-right: 80px;
   padding-top: 100px;
   padding-bottom: 100px;
   margin-top: 275px;
   margin-bottom: 275px;
}

.document2 {
	height: 60%;
	margin-left: auto;
	margin-right: auto;
}

.document3 {
	height: 15%;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.document4 {
	height: 10%;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

.margin6 {
   margin: auto;
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 250px;
   margin-bottom: 200px;
}

.document5 {
	height: 140%;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

h2 {
	font-family: Calibri, Helvetica, "Comic Sans";
	font-size: 2em;
}

.hidden{
	color: white;
	text-decoration: none;
}