html, body {
    margin: 0;
    padding: 0;
    font-family: 'Source Sans Pro';
    background-color: rgb(247, 232, 204);
}

article{
	width: 500%;
	background-color: rgb(247, 232, 204);
}

html section{
	margin-top: 0.25%;
	margin-right: 0.5%;
	margin-left: 0.5%;
	padding: 0.25%;
    height: 170%;
}

#home{
    float:left;
    width:18.5%;
    background-color: rgba(46, 46, 48, 1.0);
	color: rgba(255, 255, 255, 0.5);
}
#animation{
	width: 50%;
	height: 19%;
	margin-left: 25%;
}

#web{
	float:left;
	width:18.5%;
	background-color: rgba(46, 46, 48, 1.0);
	color: rgba(255, 255, 255, 0.5);
}

#design{
	float:left;
	width:18.5%;
	background-color: rgba(46, 46, 48, 1.0);
	color: rgba(255, 255, 255, 0.5);
}
#slideshow{
	height: 60%;
	width: 100%;
}

#app{
	float:left;
	width:18.5%;
	background-color: rgba(46, 46, 48, 1.0);
	color: rgba(255, 255, 255, 0.5);
}

#ueber_mich{
	float:left;
	width:18.5%;
	background-color: rgba(46, 46, 48, 1.0);
	color: rgba(255, 255, 255, 0.5);
}

nav{
	width: 50%;
	height: 5%;
	margin-left: 25%;
	position: fixed;
	background-color: red;
	opacity: 0.5;
}

nav li{
	margin-left: 10%;
	float: left;
	height: 50%;
}

nav li:hover{
	background-color: white;
}