html, body {
    height: 100%;
    margin: 0;
}

body {
    display: flex;
    flex-direction: column;
}

main {
    flex: 1 0 auto; 
}

footer {
    flex-shrink: 0; 
}
.wrap-text {
    white-space: normal; 
    word-wrap: break-word; 
    max-width: 300px; 
}