html{
	margin: 0;
	border: 0;
	padding: 0;
}
body{
	margin: 1%;
	border: 0;
	padding: 0;
	background-color:#336699;
}
.wrapper{
	margin:1%;
	border: 0;
	padding:0;
}

/**/
header{
margin: 1%;
border: 0;
padding: 0;
}
header img{
margin: 1%;
border: 0;
padding: 0;
}
nav{
margin: 0;
border: 0;
padding: 0;
display: flex;
justify-content: space-around;
}
nav a{
margin: 1%;
border: 0;
padding: 0;
text-decoration-line:none;
color:#FFF;
font-family: 'Bungee', cursive;
}
/**/

/**/
main{
margin: 1%;
border:0;
padding: 0px;
color:#ffdbdb;
display:flex;
flex-direction:column;
justify-content:center;
align-content: space-around;
}
/**/

/* contact */
section>a{
color:#FFF;
text-decoration-line:none;
}



/**/
footer{
margin: 1%;
border:0;
padding: 0px;
color:#ffdbdb;
display:flex;
flex-direction:column;
justify-content:space-around;
}
.social{
margin: 1%;
border: 0;
padding: 0;
text-align:center;

}
.copyright{
margin: 1%;
border: 0;
padding: 0;
text-align:center;
}

footer a{
margin: 1%;
border: 0;
padding: 0;
color:#FFF;
text-decoration-line: none;
font-family: 'Bungee', cursive;
}
/**/

/**/

.logo{
margin:1%;
border:0;
padding:0;
font-family: 'Bungee', cursive;
font-size:5em;
text-align:center;
color: #FFF;
}
.about{
display:flex;
flex-direction:column;
align-content: space-between;
}
.about img{
margin:1%;
border:0;
padding:0;
width:40%;
transform:rotate(90deg);
}
.name{
margin:1%;
border:0;
padding:0;
font-family: 'Bungee', cursive;
font-size:5em;
text-align:center;
color: #FFF;
}
.bio{
margin:1%;
border:0;
padding:0;
width:auto;
font-size:2em;
font-family: 'Montserrat', sans-serif;
color:#FFF;
}
.social{
color:#FFF;
text-decoration-line: none;
font-family: 'Bungee', cursive;
}
/**/

/**/
#_id
/**/


.projects{
    margin: 10px;
    width: 200px;
    float: left;
    border:0;
}
.above a{
	font-family: 'Bungee', cursive;
	color:#FF7744;
	text-decoration:none;
}
.below{
    text-align: center;
    color:#FFF;
    font-family: 'Montserrat', sans-serif;
}
.contact{
	display:flex;
	flex-direction:column;
}
.contact input{
margin:1%;
padding:5%;
color:#FF7744;
background-color:#5566DD;
font-size:3em;
font-family: 'Montserrat', sans-serif;
resize:none;
border:none;
}
.contact input::placeholder{
	color:#4477FF;
}