header{
    padding: 30px;
    border: #fe0000 1px solid;
    justify-content: space-between;
    text-align: center;
    background: url(https://images.unsplash.com/photo-1585314062340-f1a5a7c9328d?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTV8fHBvcnRmb2xpbyUyMGJhY2tncm91bmR8ZW58MHx8MHx8fDA%3D) no-repeat;
    background-size: cover;
    position: sticky;
    top: 0;
    box-shadow: #000 10px 10px 10px ;
    text-shadow: #000 1px 1px;
}
.navh{
    display: inline;
}
header:hover{
    animation: rot 1s;
    
}
@keyframes rot{
    0%{
        transform: rotate(90deg) scale(1.2);
    }
    50%{

    }
    100%{}
}
.info{
    text-align: center;
    list-style-position: inside;
    padding: 5%;
    background: #D3D3D3;
    margin: 10%;
}
footer{
    background-color: #D3D3D3 ;
    text-align: center;
    list-style-position: inside;
}
table , th, td{
    border-collapse: collapse;
    border: red 4px solid;
    text-align: center;
    margin: auto;
    width: 50%
}