body{
    height: 100vh;

}
header{
    height: 30vh;
    min-height: 6em;
    background-color: rgb(8, 27, 136);
    display:flex;
}
#textoHeader{
    width: 70%;
    display:flex;
    flex-direction: column;
    justify-content: space-around;
    align-items:center;
}
#imgHeader{
    display: flex;
    align-items: center;
}
#imgHeader img{
    max-height:100%;
}
main{
    height: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
        background-image: radial-gradient(circle, rgba(255, 255, 255, 0.5), rgba(255, 255, 255,0.5)),
        url(../media/dataCenter.jpg);
        background-repeat: no-repeat;
        background-size: cover;
}
h1, h2, h3{
    margin:0;
    color: antiquewhite;
    font-family:Verdana, Geneva, Tahoma, sans-serif
}
h1{
    font-size: 3em;
}
#sec1{
    width: 60%;
}
#sec2{
    width: 40%;
    
}
.lista{
    color:black;
    padding-left: 20px;
}
#almacenamientos li{
    list-style: square;
}
#listaOrdenada li{
    list-style: armenian;
}
h3{
    font-size: 1.5em;
}
table, td, th{
    border: 1px, black, dotted;
    border-collapse: collapse;
    background-color: yellow;
    padding: 5px;
    text-align: center;
}
th{
    background-color: aquamarine;
}
td:first-child{
    background-color: red;
}
#banderas td img{
    width: 20px;
}
button{
    margin: 50px;
}
footer{
    height:20%;
}