*{
    margin: 0;
    padding: 0;

}
body{
    background-color: black;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
#titulo{
    background-color: #8b321b;
    padding-top: 1%;
    padding-bottom: 1%;
    text-align: center;
    margin-bottom: 20px;
    font-family: 'Times New Roman', Times, serif;
    font-size: 3rem;
}
ol{
    margin: 0px 0 15px 4%;
    color:lightgray
}
a{
    text-decoration: none;
}
a:link{
    color: #5394aa;
}
a:visited{

}
a:hover{
    color:lightgray
}
a:active{
    color:#8b321b
}
p{
    color: lightgray;
    margin-bottom: 20px;
} 
img{
    border: 2px solid gray;
}
nav > h3 {
    color: lightgray;
    margin-left: 27px;
    background-color: black;
}
.section{
    color: black;
    text-align: center;
    margin: 10px 0 10px 0
}
h2{
    background-color: #5394aa;
    padding: 5px 0 5px 0;
}
.margen{
    padding: 10px 0 10px 0;
    margin: auto;
}
   
img:hover{
    
    border: 2px solid #5394aa;
}
table{
    margin: auto;
    color: lightgrey;
    border: 1px solid lightgray;
    border-collapse: collapse;
}
tr,td,th{
    color: lightgrey;
    border: 1px solid lightgray;
    text-align: left;
    padding: 6px 6px 6px 6px;
}
tr:hover{
    color: white;
    background-color: #5394aa;
}
tr:first-child th{
    color: black;
    background-color: lightgrey;
    text-align: center;
}
ul{
    margin-top: 20px;
}
.section ul li a{
    color: white;
}
ul li a:hover{
    background-color: white;
    color: black;
}
ul li a:active{
    color:#8b321b;
}
footer{
    background-color: gray;
    text-align: center;
    margin-top: 25px;
    padding: 20px 0 1px 0;
}
footer>p{
    color: white;
}