@font-face {
	font-family: myFont;
	src: url('../fonts/Hoftype - Cardillac Light.otf'),
				     url('../fonts/myfont.eot');


}

p {
	font-family: myfont, Arial, sans-serif;
}

@font-face {
	font-family: DaFont;
	src: url('../fonts/Cocogoose-Compressed-Bold-trial.ttf');


}


nav {
	font-family: DaFont, impact, sans-serif;
}


*{
	margin: 0;
	padding:0;
}

button#hamburger-icon {
		position: fixed;
		font-size: 2.5em;
		line-height: 0;
		border: 5px solid #213D45;
		padding: 22px 8px 28px 8px;
		top: 20px;
		left: 20px;
		z-index: 100;
		cursor: pointer;
		background-color: transparent;


}

button#hamburger-icon:hover {
		border-color:#7B9490;
		color: #7B9490;
		background-color: #213D45;
}




#hamburger-icon{
	transform: scale(1.5);
}



 
body{background-color: #7B9490;}

head{align-content: center;}

h1{text-align: center;
color: black;
	font-family: impact;}

header {
	margin-left: 30vw;
	color: black;
	font-family: impact;
}

#rectangle{
    width:1275px;
    height:75px;
    background:#213D45;


}

#rectangle:hover {
	transform: rotate(90deg);
}




h2{
	margin-left: 20vw;
	color: black;
	font-family: impact;

}




h3 {
	margin-left: 30vw;
	color: black;
	font-family: impact;
}

nav {
	position: fixed;
	font-size: 12vh;
	padding: 0px 20px 0px 100px;
	box-shadow: 2px 2px 20px 0px;
	background-color: #213D45;
		transition: transform 1s;
		transform: translateX(-520px)
}

		.after-click {
			transform: translateX(-90px);
		}

		nav ul {
			list-style-type: none;

		}

				nav ul li a {
					text-decoration: none;
					color:#7B9490;
				}
						nav ul li a:hover {
							color: white;
						}


.about {
  border: 2px #213D45 ;
  margin-left: 20vw;
  margin-right: 20vw;
  font-family: Euphemia UCAS;
}


article{

	margin-left: 20vw;
}

section{
	margin-left: 25vw;
	color: black;
	font-family: impact;
}
footer{
	text-align: center;
	color: #D2DDC1;
}

ol{
	margin-left: 30vw;
}





@keyframes fade-in {
	0%	{opacity :0;}
	100%	{opacity: 1;}
}


#social {
	animation-name: social;
	animation-duration: 0.5s; 
}