/* Inicialització */

* {padding: 0px;
	margin: 0px;
	box-sizing: border-box;
}

html, body {width: 100%;
	height: 100%;
	background-color:white;
}

header {
background-color:#2295AC;
height:4%;
color:white;
width:100%;
border-radius:5px;
}
h1 {
padding-left:40px;
}

h1 span{
font-size:small;
}

div {
height:96%;
}

aside {
background:linear-gradient(purple, red);
width:20%;
height:100%;
float:left;
color:white;
border-radius:12px;
}

section {
background-color:#ACB1B2;
width:80%;
height:100%;
float:right;
text-align:left;
overflow-y:auto;
border-radius:12px;
}

article {
padding:10px;
color:blue;
}
h3{
padding:10px;
}

img{
display:block;
margin:auto;
}
ul {
padding-top:10px;
margin-left:20px;
list-style-type:none;
}

ul :hover{
text-transform: uppercase;
background-color:black;
margin-left:-20px;
text-align:center;

}

ul li a {
text-decoration:none;
color:white;
}

aside ul li a{
line-height:3em;
}

h2 li a{
list-style-type:none;
color:white;
}

·imagen {
height:70%;
width:70%;
}