html, body {
    margin: 0;
    padding: 0;
    height: 100%; /* Ensure html and body take full height */
    font-family: Lato, sans-serif;
}

.container {
    display: flex; /* Use Flexbox for vertical arrangement */
    flex-direction: column; /* Stack items vertically */
    height: 100vh; /* Ensure container takes full viewport height */
}

.top-div, .bottom-div {
    text-align: center;
    flex-shrink: 0; /* Prevent this div from shrinking */
}

.middle-div {
    flex-grow: 1; /* Allow these divs to grow and shrink to fill available space */
    text-align: center;
}

a {
    color: #aaa;
    font-size: 15px;
    font-weight: 300;
    text-decoration: none;
    display: inline-block;
    
}