style.css

html{
    height: -webkit-fill-available;
}    
body{
    background-image: linear-gradient(to top, rgb(195, 223, 220), rgb(219, 250, 180));
    color: black;
    margin: 0;
    display: flex;
    flex-direction: column;
    height: 100vh;
    height: -webkit-fill-available;
    overflow: hidden;
    max-width: 100%;
}

.wrapper{
    max-width: 90%;
    margin: 0 auto;
    flex: 1;
    position: relative;
}

.row{
    margin-bottom: 30px;
}

.tabled{
    max-height: 350px;
    overflow: auto;
    margin-bottom: 20px;
    border-collapse:collapse ;
}


header{
background-image: linear-gradient(to top, rgb(93, 211, 109), rgb(171, 230, 100));
height: 100px;
color:white;
margin-bottom: 30px;
border-radius: 0px 0px 40px 40px;
}
header div{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-family: 'Paytone one', sans-serif;
    margin-bottom: 0px;
}
header p{
    margin-top: -20px;
    text-align: center;
    font-weight: 900;
    color:rgb(255, 255, 255);
    text-shadow: 2px 2px 2px rgb(24, 206, 121), 4px 4px 4px rgb(6, 240, 64);
}  


header i{
    font-size: 50px;
    text-shadow: 2px 2px 2px rgb(24, 206, 121), 4px 4px 4px rgb(6, 240, 64);

}

h1{
    text-align: center;
    text-shadow: 2px 2px 2px rgb(24, 206, 121), 4px 4px 4px rgb(6, 240, 64);
    font-weight: 600;
    font-size: 33px;
}

thead{
    position: sticky;
    top: 0;
    background-color: rgb(16, 66, 14);
    color:white;
}
tfoot{
    position: sticky;
    bottom: 0;
    background-color: rgb(16, 66, 14);
    color:white;
    font-weight: 700;
}

.display-none{
    display: none;
}

tbody td{
    text-transform:uppercase;
}
.wrapper button{
   position: absolute;
   top: 95%;
   left: 38%;
   padding: 5px 15px;
   color: rgb(255, 252, 255);
   border-radius: 25px;
   background-color: rgb(172, 102, 45);
}
footer{
    background-image: linear-gradient(to top, rgb(93, 211, 109), rgb(171, 230, 100));
    height: 60px;
    margin-top: 30px;
    border-radius: 20px 20px 0px 0px;
    cursor: pointer;

}
h6{
    text-align: center;
    text-shadow: 2px 2px 2px rgb(24, 206, 121), 4px 4px 4px rgb(6, 240, 64);
    padding: 10px;
    font-weight: 600;
    font-size: 22px;
    color: white;
}

h6 i, a{
    color: blue;
}

h6 a{
    color: blue;
}