body {
    background: linear-gradient(
        270deg,
        #ff9a9e,
        #fad0c4,
        #fbc2eb,
        #a1c4fd,
        #c2e9fb,
        #d4fc79,
        #96e6a1,
        #fddb92,
        #f6d365,
        #fdc5f5
    );
    background-size: 2000% 2000%;
    animation: gradientShift 60s ease infinite;
    display: flex;
    justify-content: center;
    align-items: center;
}

@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.glass {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 1rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
    padding: 1rem;

    /* @media (min-width: 400px) {
        padding: 2rem 3rem;
    } */
}