@charset "utf-8";
/* CSS Document */
html, body{
	width: inherit;
	margin:0px;
	overflow: hidden;
	max-height: 100%;
}
body{
	background: url("../images/2048.jpeg");
	height:70em;
	
}
h1{
	font-family: myriad-pro-semi-condensed, sans-serif;
	font-weight: 900;
	font-size:5.5em;
	line-height: 1em;
	font-style: normal;
	display:flex;
	position:relative;
	top:-1.4em;
    left:1em;
	color:#AAB300;
	justify-content: center;
	margin-top:2em;
	text-shadow: 3px 3px 0px #000000;
	margin-left: 0px;
	margin-right: 0px;
}
.square {
	height: 100vw;
	margin:0px;
	padding:0px;
	display:flex;
	position:absolute;
	top:-1em;
  width: 25%;
  background-color: #AAB300;
	z-index:-1;
}
img{
	width:24%;
	display:flex;
	position:relative;
	margin:0px;
	top:-24em;
	left:0.5%;
	padding:0px;
}
ul{
	list-style: none;
}
.myButton{
	font-family: myriad-pro-semi-condensed, sans-serif;
	font-weight: 700;
	font-size:1.5em;
	font-style: normal;
	color:white;
	padding:1em;
	margin:2em;
	position:relative;
	top:-15em;
	right:2.5%;
	line-height: inherit;
	background-color:black;
	display:flex;
	justify-content: center;
	width:15%;
	text-decoration:none;
	
}
.rectangle{
	width:50%;
	display:block;
	overflow-y:scroll;
	font-family: myriad-pro-semi-condensed, sans-serif;
	font-weight: 400;
	max-height: 31em;
	background-color:white;
	opacity:70%;
	margin:0px;
	padding:0px;
	position:relative;
	left:30%;
	top:-37em;
}
p{
	font-size:2.5em;
}
.p{
	line-height: 250%;
}
.instructor{
	width:2em;
}
nav{
	max-height:10em;
}
main{
    position: relative;
    height: 45%;
    margin: 0px;
    top: 18em;
    padding: 0px;
	
}