body {
	background-color: lightgreen;
}

header {
	background-color: green;
	text-align:center;
}

nav {
    position: fixed;
    height:100%; 
    width:10%;
    padding:5px;
}

aside {
	float:right;
	padding:5px;
	right:20%;
	width:10%;
}

section {
	width:80%;
	position:relative;
	left:10%;
	padding: 10px;
}

footer {
	background-color: green;
}


article {
	padding:5px;
}

ul.nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float:left;
    background-color: lightgreen;
}	


ul.nav li a {
    display: block;
    color: black;
    padding: 8px 0 8px 16px;
    text-decoration: none;
}

/* Change the link color on hover */
ul.nav li a:hover {
    background-color: green;
    color: white;
}


img.slide-animation {
	opacity: 0.5;
	transition: all linear 0.5s;
	float:center;
}


img.img-tiny {
    width: 3%;
    height: auto; /* Maintain aspect ratio */
}

img.img-small {
    width: 10%;
    height: auto; /* Maintain aspect ratio */
}