main{
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}


@keyframes colorhue{
    0%{
        background-position: 0 0;
    }
    50%{
        background-position: 100% 0;
    }
    100%{
        background-position: 0 0;
    }
}
main>article{
    background: linear-gradient(45deg, #ff0000, #ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8, #ff0000);
    animation: colorhue 5s infinite ease-in-out;
    background-size: 400%;
    padding: 0;
    transition-duration: 400ms;
    overflow:hidden;
}
main>article>a{
    display: block;
    font-size: xx-large;
    text-decoration: none;
    color: white;
    background-color: rgba(25, 25, 37, 1);
    backdrop-filter: blur(10px);
    padding: 75px 50px;
    text-align: center;
    /* border-radius: 15px; */
    transition-duration: 400ms;
}
main>article:hover>a{
    background-color: rgba(25, 25, 37, 0.95);
}