.container {
    background-color: #DFF3E4;
}

#form {
    font-size: larger;
}
#button {
    width: 100%;
    height: 80px;
}
#removeButton {
    width: 100%;
    height: 80px;
    background-color: red;
    font-size: 24px;
    transition-duration: 0.4s;
    border-radius: 5px;
}
#removeButton:hover{
    background-color: darkred;
    color: white;
}

button {
    background-color: #7180B9;
    font-size: 24px;
    transition-duration: 0.4s;
    border-radius: 5px;
    color: white;
}
button:hover{
    background-color: #171738;
    color: white;
}

p {
    text-align: center;
}
h2 {
    text-align: center;
    color: #38369A;
    font-size: 35px;
}

table, th, td {
    border:1px solid black;
}

input, textarea{
    background-color: whitesmoke;
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    font-size: 18px;
    border: none;
    border-bottom: 2px solid #7180B9;;
}

input:focus {
    border: 3px solid #171738;
  }