body {
  background:linear-gradient(30deg, crimson,sienna, royalblue, indianred, purple);
} 


#titulo { background-color: gold;  clear: both;
}

h1 {
font-size:4vw;
font-family: sans-serif;
font-weight:bold;
}



#indice { 
background-color:#00FF80;float:left;width: 20%; height: 
}


h2 {
font-size:2.5vw;
font-family: sans-serif;
font-weight:bold;
}

#contenido { 
background-color:#CCFFFF;float:left;width: 60%; height: 
}

#derecha { 
background-color:red;float:right;width: 20%;height: 
}

#pie { 
clear:5px; both:5px;

background-color:#EBDEF0;
sans-serif;
font-weight: bold;
}




h3 {
font-size:2vw;
font-family: sans-serif;
font-weight:bold;
}

h4 {
font-size:1.5vw;
font-family: sans-serif;
font-weight:bold;
}

p { 
font-size:1vw ;
font-family: sans-serif;
font-weight:bold;
}

a { 
font-size:1.5vw;
font-family: sans-serif;
font-weight:bold;
text-align: center;
color: blue;
padding: 4px;
}