body {
    font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    font-size:12pt;
    width:75%;
	margin-top:5%;
 	background-image:url('../media/technology.png'); 
 	background-repeat:no-repeat;
 	background-position:bottom right;
}
footer p{
    float:none;
    clear:both;
    background-color:darkblue; 
    color:white; 
    text-align:center;
}
header{
	background-color:darkblue;
	padding:10px;
	margin-top:0px;
}
article{
	display:-webkit-flex;
    display: flex;
    height:500px;
    overflow:auto;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
   	-webkit-align-items:center;
	align-items:center;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
aside{
	color:darkblue;
	background-color:lightblue;
	border:solid black 2px;
	padding:10px;
	position:absolute;
	top:50px;
}
section{
	-webkit-flex:1;
	flex:1;
	background-color:white;
	border:10px green groove;
	margin:10px;
	padding:20px;
	text-align:center;
	height:200px;
	overflow:auto;
	min-width:150px;
    min-height:200px;
}
section:hover{
    animation:rock 1s infinite;
}

h1 {
    text-align:center; 
    font-size:2em;
    font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    color:white;
    text-shadow:1px 1px black;
}
h2 {
    font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    color:mediumblue;
    text-align:center;
    text-shadow:1px 1px black;
}
a:link {
    color:green; 
    text-decoration: underline; 
}
a:active {
    color:maroon; 
    text-decoration: underline;
}
a:visited {
    color:darkblue; 
    text-decoration: underline; 
}
a:hover {
    color: white; 
    background-color: green; 
    text-decoration: none; 
}
@keyframes rock{
    0% {transform:rotate(10deg);}
    50% {transform:rotate(-10deg);}
    100% {transform:rotate(10deg);}
}