body {
    margin: 0;
    min-height: 85vh;
    display: flex;
    flex-direction: column;
    overflow: auto;
    position: relative; /* Add this */
}

h1 {
    text-align: center;
    margin-top: 1.8em;
    cursor: pointer;
    position: relative;
    z-index: 1;
    font-size: 4em;
}

.links {
    margin: auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.links a {
    display: block;
    margin: 1em 0;
    font-size: 1.5em;
}

.bouncing-text {
    position: absolute;
    cursor: pointer;
    user-select: none;
    pointer-events: none; /* Allow clicking through bouncing text */
}

/* Mobile-specific styles - Reduced by half from previous version */
@media (max-width: 768px) and (orientation: portrait) {
    html {
        font-size: 20px; /* Reduced from 24px */
    }
    
    h1 {
        font-size: 2.5em; /* Reduced from 3.5em */
        margin-top: 1.8em;
    }
    
    .links a {
        font-size: 1em; /* Reduced from 2em */
        margin: 20px 0;
    }
    
    .bouncing-text {
        font-size: 0.8em !important;
    }
}