h1{
 margin-top: 12%;
 margin-bottom: 3%;
}
td{
    padding: 10px;
}

li{
    margin: 10px;
}
#fm{
    /* align-items: center;
    align-self: center; */
    text-align: center;
}
body{
   background-color:  #f4f9f9;
}

.inputbox{
    padding: 2%;
}

#main{
    align-items: center;
    align-self: center;
    text-align: left;
    border-right: 4px solid #000;
    padding-left: 3%;
    height: fit-content;
    margin-bottom: 1%;
    
}
td{
    padding: 10px;
}
h4{
    padding-top: -3%;
    padding-bottom: 3%;
    align-self: center;
    text-align: center;
}
a{
    text-decoration: none;
    color: rgb(0, 0, 105);
    padding-right: 1%;
}
.fas
{
    padding: 5px;
    padding-left: 0%;
    font-size: 1.1rem;
}
tr{
    margin-bottom: 50px !important;
}

.bord td a{
    color: white;
    text-decoration: none;
}
.bord td a:hover{
    color: #c7ffd8;
}
li{
    margin: 10px;
}
.bottom a{
    color: white;
    text-decoration: none;
    transition: all 0.1s ease-in-out;
}
.bottom a:hover{
    color: #c7ffd8;
    padding-bottom: 5px;
    border-bottom: 3px solid #c7ffd8;
}
@media screen and (max-width: 800px) {
    textarea{
        width: 90vw !important;
    }

}