html,body{
height: 100%;
margin: 0;
}
body{
font-size: 16px;
font-family: sans-serif;
background-image: linear-gradient(75deg,white,  lightgray 5%,white 15%, lightgray 55% , lightgray 90%,white);
background-size: 100%;
background-attachment: fixed;
max-width: 800px;
margin:0 auto;
padding-bottom: 300px;
}
h1,h2{
font-weight: normal;
margin:0;
}
h2{
margin-top:25px;
}
h1{
text-align: center;
line-height: 25px;
margin-top: 30px;
}
.explicacio{
margin:10px 0;
}
.explicacio>p{
margin:0;
text-indent: 25px;
}
.apartat{
text-align: center;
padding-bottom: 100px;
}
.contenidor{
display:table;
margin:30px auto;
background-color: white;
padding:10px;
box-shadow: 5px 5px 7px gray;
}
.foto{
max-width: 100%;
}
.comentari_foto{
text-align: left;
}
a{
display:table;
color:slateblue;
margin-bottom: 200px;
}
button{
display:flex;
align-items: end;
justify-content: center;
width: 40px;
height: 56px;
font-size: 17px;
color:slateblue;
position:fixed;
top:2px;
left:2px;
cursor: pointer;
background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='slateblue'><title lang='en'>home</title><path d='M64 38l-12-12v-18h-8v10l-12-12-32 32v2h8v20h20v-12h8v12h20v-20h8z'/></svg>"); 
background-size: 40px;
background-repeat: no-repeat;
border:none;
background-color: rgba(255,255,255,.5);
}