@font-face{
		font-family:qestero;
		src:url(qestero.ttf);
		}
@font-face{
		font-family:poppins;
		src:url(poppins.otf);
		}
@media(max-width:700px){
						
						}
*	{
	margin:0 auto;
	padding:0;
	box-sizing:border-box;
	}
.hero{
	width:100%;
	min-height:100vh;
	background-image:url(homebg.png);
	background-position:center;
	background-size:cover;
	padding:10px 10%;
	overflow:hidden;
	}
nav {
	padding:10px 0;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	}
nav ul li{
		display:inline-block;
		list-style:none;
		margin:10px 15px;
		font-family:poppins;
		}
nav ul li a{
			position:relative;
			text-decoration:none;
			color:#ffffff;
			font-size:1em;
			font-weight:300;
			display:inline-block;
			padding:10px 20px;
			}
nav ul li a::before{
					content:'';
					position:absolute;
					top:100%;
					left:0;
					width:0;
					height:2px;
					background:#f6a1bd;
					transition:.5s;
					}
nav ul li a:hover::before{
						width:100%;
						}
h1	{
	color:white;
	}
p	{
	color:white;	
	}
.content{
		margin-top:10%;
		max-width:600px;
		}
.content h1{
			font-size:100px;
			font-family:qestero;
			}
.content p{
			margin:20px 0 30px;
			font-family:poppins;
		}