/* Inicialització */

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

html, body {
    width: 100%;
    height: 100%;
}

body {
    background-color: lightblue;
    
}

header
{
    text-align: center;
    font-family: 'Roboto Slab', serif;
    color:  #0000A0;
    text-shadow: 2px 2px 2px white;	
    text-align: center;
    background-image:url(../imatges/header2.jpg);
    padding: 33px;
    height:5%;
}


article
{
    height:85%;
    overflow-y: auto;
}

p 
{   
    background-color: turquoise;
    text-align: justify;
    box-shadow: 3px 3px 1px black; 
    margin-left: 310px;
    margin-right: 310px;
    margin-top:40px;
    border-radius:10px;
    padding:30px;
   
}


p img
{
    border-radius:8px;
    display:block;
    margin:auto;
    max-width:80%;
   
}

footer
{
    background:linear-gradient(lightblue,blue);
    height:7%;
}

footer img
{
    position:relative;
    left:5%;
    top:15%;
    max-width:3%;
    
}

.titulo{
    font-size:3vh;
}