@keyframes gradient-move {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.animated-gradient {
   
    background: linear-gradient(-45deg, #082741, #070941);
    background-size: 200% 200%;
    animation: gradient-move 50s ease infinite;
  
}

@media (prefers-reduced-motion: reduce) {
    .animated-gradient {
        animation: none;
        background: linear-gradient(-45deg, #082741, #070941);
    }
}

@media (max-width: 640px) {
    .animated-gradient {
            animation: none;
            background: linear-gradient(-45deg, #082741, #070941);
        }
        .pressed {
            --tw-gradient-to: #4c1d95;
            --tw-gradient-from: #b91c1c;
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(185, 28, 28, 0));   }
    
}