body{
    text-align: center;
    margin-left: 10%;
    margin-right: 10%;
   background: black;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}
footer{
    color: lightgray;
    text-align: center;
    background: gray;
}
#titulo{
    background: #8b321b;
    text-align: center;
    color: black;
    padding: 30px;
    margin-top: -.8%;
    font-family: 'Times New Roman', Times, serif;
    font-size: 70px;
}
header p{
    text-align: justify;
    margin-top: -1%;
    color: gray;
}
nav{
    color: gray;
    text-align: left;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
a{
    text-decoration: none;
    color: #5394aa;
}
a:hover{
    color: lightgray;
}
a:active{
    color: #8b321b;
}
.seccion h2{
    background: #5394aa;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding: .5%;
}
img{
    border: 2px solid gray;
  
}
div{
    padding-top: 2%;
    padding-bottom: 5%;
}

table{
    color: gray;
    border-collapse: collapse;
    margin: auto;
    width: 10rem;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
table th{
    color: black;
    background: gray;
    text-align: center;
    padding: 10px;
}

table td{   
    text-align: center;
}
ul{
    list-style:none ;
    width:fit-content;
    margin-left: 42%;
   
}
.margen li:hover{
    color: black;
    background: grey;
}
.margen li:active{
    color: black;
    background: red;  
}
footer{
    padding: .5%;
    margin-bottom: -.8%;
}