@import url(https://fonts.googleapis.com/css?family=Lato:400,500);

html,
body {
	font-family: "Lato", Helvetica, sans-serif;
	text-align: center;
}

* {
	margin: 0;
	padding: 0;
}

nav ul {
	text-align: right;
	position: fixed;
	width: 100%;
	background-color: #afaa92;
}

nav ul li {
	display: inline-block;
	margin: 55px;
	margin-bottom: 15px;
	margin-top: 25px;
}

nav a {
	text-transform: uppercase;
}

h2 {
	margin: 55px;
	text-transform: uppercase;
}

img {
	height: 200px;
	width: auto;
}

.toppen {
	top: 0;
	background: #f5f4ef;
	min-height: 55vh;
	padding-top: 45vh;
}

.toppen p {
	color: purple;
}

.jobs #contact {
	margin-top: 50px;
	color: #008080;
	font-weight: normal;
}

.project {
	display: inline-block;
	border: 2px solid turquoise;
}

.project-tile {
	color: rgb(255, 255, 255);
	font-size: 16px;
	line-height: 11px;
	padding: 9px;
	border-radius: 25px;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	background-image: linear-gradient(to right, rgb(28, 110, 164) 0%, rgb(35, 136, 203) 50%, rgb(20, 78, 117) 100%);
	box-shadow: rgb(0, 0, 0) 5px 5px 15px 5px;
	border: 2px solid rgb(28, 110, 164);
	display: inline-block;
}

.project-tile:hover {
	background: #1c6ea4;
}

.project-tile:active {
	background: #144e75;
}

.project-title {
	font-weight: button-bevel;
	padding: 15px;
}

.contact {
	padding: 15px;
}
.contact p {
	padding-bottom: 2rem;
	font-size: 3em;
}

.contact a {
	display: inline-table;
}

.float-container {
	border: 3px solid #fef;
	padding: 20px;
	align-self: flex-start;
}

.float-childZero {
	width: 50%;
	/* float: left; */
	padding: 10px;
	display: inline-block;
}

.float-childOne {
	display: inline-block;
	width: 50%;
	/* float: right; */
	padding: 10px;
}

.fa-free-code-camp {
	color: orange;
	background: white;
	padding: 10px;
}

.fa-codepen {
	color: white;
	background: black;
	padding: 10px;
	margin: 5px;
}

.fa-github-alt {
	color: black;
	background: white;
	padding: 10px;
}

object {
	zoom: 40%;
	height: 300;
}

@media screen and (max-width: 480px) {
	nav ul li {
		display: block;
		font-size: 11px;
		margin: 0px;
	}
	.project-tile {
		font-style: flex-end;
	}
}