You can move your adjust the CSS in footer class like following style

.footer {
   color: #ffffff;
    padding: 1.5rem 0;
    text-align: center;
    transition: background-color 0.3s ease; 
    height: 16%;
    border: 15px solid red;
    position: absolute; 
    bottom: 0;
}