.container {
    min-height: 100vh;   
}

section {
    float: left; 
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.messages {
list-style-type: none;
}

.messages .error {
background-color: red;
padding: 10px;
}

.messages .warning {
background-color: orange;
padding: 10px;
}

.messages .success {
background-color: green;
padding: 10px;
}

th {
    padding: 5px 20px;
}

td {
    padding: 2px 20px;
}

tr:hover {background-color: lightblue;}