html {
     font-family: 'Figtree', sans-serif;
 }

 body {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     background-color: #f5f5f5;
     color: #333;
     display: flex;
     flex-direction: column;
     height: 100vh;
 }
main {
    flex: 1 1 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    min-height: 0;
    height: 100%;
}

footer {
    margin-bottom: 1rem;
    text-align: center;
    font-size: 0.9rem;
}