steam-deck-rgb.css

/* The rgb gradient found in sections of the Steam Deck website: https://www.steamdeck.com/en/
https://www.steamdeck.com/public/css/global.css?v=OKFbGyMfa7Jk&_cdn=cloudflare */

.gradient {
    background: linear-gradient(137.42deg, #1a75ff, #6a5df8, #c957e6, #d2486b, #bf44ac, #ab47d0, #9460f3, #46aced, #4ec4a3, #b8ba05, #d2486b);
    background-size: 2200% 2200%;
    -webkit-animation: DeckGradient 60s ease infinite;
    -moz-animation: DeckGradient 60s ease infinite;
    animation: DeckGradient 60s ease infinite;
}

@-webkit-keyframes DeckGradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes DeckGradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes DeckGradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}