table,tr,td,th {
    border: 1px solid black;
    margin-left: 35%;
    padding: 5px;
    margin-top: 20px;
}
h1 {
    text-align: center;
}
form {
    margin-left: 40%;
}
form label{
    float: left;
    width: 10%;
    margin-top: 10px;
    font-weight: bold;
}
form input{
    margin-top: 10px;
}
select {
    margin-top: 10px;
    width: 22%;
    padding: 3px;
}
form button {
    width: 32.5%;
    background-color: lightseagreen;
}

@media only screen and (max-width: 780px)  {
    
    table {
        font-size: 7px;
        margin-left: 10%;
        padding: 0px;
        margin-top: 20px;
    }
    table td {
        text-align: center;
    }
    form {
        font-size: 12px;
        margin-left: 15%;
    }
    form label {
        width: 20%;
    }
    select {
        width: 66%;
    }
    form button {
        width: 85.5%;
    }
    .deleteButton {
        font-size: 10px;
    }
}