body{
    background-color:#002336;
    font-family: Montserrat;
    margin:0;
    padding:0;
    height:100%;
    width:100%;
    align-items: center;
    align-self: center;
    align-content: center;
}

header{
    background-color:#FF7f50;
    font-family:Barlow Condensed;
    display:flex;
    flex:1;
    align-items:flex-end;
    justify-content:space-between;
}

header div{
    display:flex;
    align-items:flex-end;
}

header h1{
    color:rgb(77,197,77);
    margin-bottom:0;
    text-shadow: 
    -1px -1px 0 #000000,  
    1px -1px 0 #000000,
    -1px  1px 0 #000000,
    1px  1px 0 #000000;
}

header h2{
    color:white;
    margin-bottom:0;
    text-shadow: 
    -1px -1px 0 #000000,  
    1px -1px 0 #000000,
    -1px  1px 0 #000000,
    1px  1px 0 #000000;
}

header img{
    align-items:flex-start;
}

gay{
  cursor:pointer;
}

table{
    display:flex;
    align-items:center;
    align-self:center;
    align-content:center;
}

tr{
    flex:1;
    align-items:center;
    align-self:center;
    align-content:center;
}

.caja{
    align-items: center;
    align-self: center;
    align-content: center;
    background-color:#FF7f50;
    max-width:90%;
    max-height:90%;
    border:1px solid #f8f9fa;
    margin:auto;
    margin-top:15px;
    margin-bottom:15px;
}

.contenido img{
    background-color:white;
    border: 1px solid #f8f9fa;
    align-items:center;
    align-self:center;
    align-content:center;
    width:100%;
    height:100%;
}

p{
    margin:5px;
}

button{
    color:black;
    background-color:#FF7f50;
    border:1px solid #f8f9fa;
}

footer{
    background-color: #FF7f50;
    border-top:1px solid #f8f9fa;
    color:black;
    max-width:100%;
    max-height:100%;
}