:root{--gradient: linear-gradient ( 45deg, #b83ea3, #4d6abb )}body{height:900px;background-image:var(--gradient);background-size:300%;margin-left:0;margin-right:0}header{height:900px;background-image:var(--gradient);background-size:300%}.hello{background-color:#000;background:linear-gradient(240deg,#c646c6,#3b42ae,#4d7ec3,#e13acc);background-size:800% 800%;animation:AnimationName 30s ease infinite}@keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}a{font-family:Roboto Mono,monospace;color:#fff;text-decoration:none;transition-property:all;transition-duration:.2s}a:hover{transform:scale(1.3);text-shadow:0px 0px 10px white}