html,body{
  font-family: Calibri, Verdana, Arial;
  background-color:#f0f0f0;
}
header,footer{background-color: antiquewhite;
  padding:18px 18px;
  box-shadow:5px 5px 10px 5px grey;
  margin:20px 10px;
  text-align:center;
border:2px solid grey;
border-radius:5px;}

section{
  padding: 5px 10px;
  background-color:lightyellow;
  box-shadow:5px 5px 10px 5px grey;
  margin:20px 10px;
border:2px solid grey;
border-radius:5px;}

pre{
  display:inline;
}

/* id's */
#minombre{
  margin: auto auto;
  color:white;
  text-shadow: 2px -2px 3px black; 
  border-bottom:solid 3px grey;
  font-size:3rem;
}

/* clases */
.green{
  background-color:	#FFE4B5;
}
.otro{
  background-color:		#FFDAB9;
}

/* pseudo clases */
a:hover{
  color:black;
  background-color:lightblue;
}
a:active{
  color:red;
  background-color:black;
}

/* Selectores contextuales */
header p{
  text-align:justify;
  font-size:1.2rem;
}
section h2{
  border-bottom:solid 2px grey;
}
section ul {
  border: solid 2px grey;
  padding:10px 0 10px 30px;
}