body {
    background-image: url('chuckle.jpg');
    background-size: auto;
    background-position: center;
    background-attachment: fixed;
    background-repeat: repeat;
    margin: 0;
    font-family: Arial, sans-serif;
    min-height: 100vh;
    /* Improve mobile performance */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ccenter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* Improve touch targets */
    padding: 20px;
}

.ccenter h1 {
    animation: pulse 1.5s ease-in-out infinite;
    font-size: 4rem;
    margin: 0;
    text-align: center;
    /* Better mobile rendering */
    will-change: transform;
    backface-visibility: hidden;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(2.5);
    }
}

/* Add constraint for very large screens */
@media (min-height: 800px) {
    @keyframes pulse {
        0%, 100% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.8);
        }
    }
}

@media (max-width: 768px) {
    .ccenter h1 {
        font-size: 3rem;
    }
    
    body {
        background-attachment: scroll;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    /* Increase mobile pulsing intensity */
    @keyframes pulse {
        0%, 100% {
            transform: scale(1);
        }
        50% {
            transform: scale(3);
        }
    }
}

@media (max-width: 480px) {
    .ccenter h1 {
        font-size: 2rem;
    }
    
    /* Even more intense pulsing for small screens */
    @keyframes pulse {
        0%, 100% {
            transform: scale(1);
        }
        50% {
            transform: scale(2.5);
        }
    }
}

/* Handle landscape orientation on mobile */
@media (max-height: 500px) and (orientation: landscape) {
    .ccenter h1 {
        font-size: 2.5rem;
    }
}

/* Center image if uncommented */
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
