/* Credit to Manuel Pinto on Codepen for the code! https://codepen.io/P1N2O/pen/pyBNzX */ body { background: linear-gradient(-33deg, #721c7a, #612bd4, #3aa5c5, #30cf7f); background-size: 400% 400%; animation: gradient 120s ease infinite; height: 100vh; } @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }