@font-face {
	font-family: futurabold;
	src: url(../font/futurabold.ttf);
}

@font-face {
	font-family: futuramedium;
	src: url(../font/futuramedium.ttf);
}



body{margin:0;}

header{height:100vh;
        width:100%;
    background-image: url('../images/hero2.png');
    background-repeat: no-repeat;
    background-size:cover;
   
}


#phobos{width:60px;
	margin-left: 60px;
        
}

nav{height:50px;
    padding:10px;
    display: flex;
    justify-content: space-between;
	align-items: center;}

#linknav{
	margin-right:60px;
		list-style: none;
}

#more{color:white;
text-decoration: none;

}


#heroheader {
	display: flex;
	flex-direction: column;
	height: 90vh;
  width: 100%;
}


h1 {
	color: white;
	font-family: 'Manrope', sans-serif;
	font-size: 15vw;
	margin-left: 64px;
	margin-bottom: 0;
	margin-top: 150px;
	text-shadow: #EB5922 1px 0 40px;
}

h2 {
	color: white;
	margin-left: 80px;
	margin-top: 0px;
	font-family: futuramedium;
}
#explore {
	font-family: futuramedium;
	color: #EB5922;
	text-decoration: none;
	margin-left: 80px;
	font-size: 2em;
  width: 10%;
}