body
{background:lightyellow url(images/earthsea1.jpg);} /*Posa una imagte al fons, o un color si la imatge no es troba */

div.tot   /* es refereix a un contenidor que al seu interior te tot el contingut de la pagina web*/
{margin:4em ;
padding:3em;
width:50%; 
background: #87b090; 
opacity: 0.8;
border:5px solid  #37655a;
color:#581d17;
font-family: "Purisa","Segoe UI",sans-serif;}
p
{text-align: center;
font-weight:bold;}
span.f
{font-size: 4em ;}
span.t 
{font-size: 2em;
vertical-align: 0.5em;
border-top: double 0.5em; 
border-bottom: double 0.5em; }
span.m 
{font-size:4em; }




span.canvi
{background-image:url(images/leguin.jpg); 
  background-repeat: no-repeat;
width:450px;
height:325px;
display:block;
margin-left:auto;
margin-right: auto;
margin-top: 2em;
margin-bottom: 2.5em;}
img
{
width:450px;
margin-left:auto;
margin-right: auto;}
span.canvi:hover img 
{visibility:hidden;} 

div.menu
{
width: 75%;
margin-left:auto;
margin-right:auto;
}
ul
{
width:100%;
margin:0;
padding:0;
list-style-type: none;
text-align: center;
font-family:"Purisa","Segoe UI";sans-serif;}
li {

margin: 0.25em;
padding:0.5em;
display:inline;
font-size: 0.75em;
font-weight: bold;}

a:link,a:visited
{color:#FFFFFF;
background-color:#581d17;
text-align:center;
padding:0.5em;
text-decoration:none;}
a:hover,a:active 
{background-color:#825840;}