*{
margin: 0px;
padding: 0px;
font-family: Tahoma;
}
body {
background-color: #800000;
}
nav a {
color: #FFFFFF;
font-family: monospace;
}
.class{
color: #FFFFFF;
width: 96%;
padding-left: 2%;
padding-right: 2%;
padding-bottom: 10px;
padding-top: 50px;
border-bottom-color: #DDDDDD;
border-bottom-style: solid;
border-bottom-width: 1px;
}
article {
color: #FFFFFF;
width: 96%;
padding-left: 2%;
padding-right: 2%;
padding-bottom: 10px;
padding-top: 50px;
border-bottom-color: #DDDDDD;
border-bottom-style: solid;
border-bottom-width: 1px;
}
footer{
background-color: #2F4F4F;
color: #FFFFFF;
position: fixed;
bottom: 0px;
width: 90%;
padding-left: 5%;
padding-right: 5%;
padding-top: 10px;
padding-bottom: 10px;
}
header {
background-color: #2F4F4F;
width: 96%;
padding-left: 2%;
padding-right: 2%;
padding-top: 10px;
padding-bottom: 10px;
}
header h1{
color: #FFFFFF;
font-size: 4vw;
}
.foto {
width: 300px;
border-radius: 50%;
float: right;
}
ul {
color: #FFFFFF;
font-family: cursive;
font-size: 30px;
width: 96%;
padding-left: 40px;
padding-right: 10px;
padding-top:20px;
padding-bottom: 20px;
}
table {
border-collapse: collapse;
width: 90%;
font-size: 24px;
font-family: inherit;
margin-left: 5%;
}
td{
border-spacing: 0px;
padding: 0.2px;
}
.titulo{
background-color: #F5FFFA;
color: #191970;
}
.detalle{
background-color: #F5FFFA;
color: #2E8B57;
}
.detalle:hover {
background-color:#DFDFDF;
color: #666666;
}