.home-page .labels {
    font-size: 400%;
}

.home-page .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    transform: translateY(-80px);
    pointer-events: none;
}

.home-page .container h1 {
    margin: 0;
}

.home-page #footer-container footer {
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
}

.home-page #footer-container footer p {
    margin: 0;
    text-align: center;
}

@media (max-width: 600px) {
    .home-page .container {
        height: auto;
        min-height: calc(100vh - 150px);
        padding: 32px 20px;
        transform: none;
    }

    .home-page .container h1 {
        font-size: clamp(1.7rem, 9vw, 2.4rem);
    }

    .home-page .labels {
        min-height: 2.3em;
        max-width: 100%;
        overflow-wrap: anywhere;
        font-size: clamp(2rem, 11vw, 3rem);
        line-height: 1.15;
    }

    .home-page .labels #typed {
        white-space: normal;
    }

    .home-page #footer-container footer {
        position: static;
    }
}