.gradient-backdrop{height:100%;overflow:hidden;position:relative;width:100%;z-index:1}#gradient-up{animation:down 30s infinite;background-image:linear-gradient(80deg,#47477b,#55695b);right:-200px;top:-200px}#gradient-down,#gradient-up{border-radius:50%;filter:blur(80px);height:300px;opacity:.6;position:absolute;width:300px}#gradient-down{animation:up 30s infinite;background-image:linear-gradient(80deg,#47587b,#55695b);bottom:-200px;left:-200px}#gradient-left{animation:left 30s 1s infinite;background-image:linear-gradient(80deg,#47587b,#47477b);left:100px;top:-200px}#gradient-left,#gradient-right{border-radius:50%;filter:blur(80px);height:300px;opacity:.6;position:absolute;width:300px}#gradient-right{animation:right 30s .5s infinite;background-image:linear-gradient(80deg,#47587b,#55695b);bottom:100px;right:100px}@keyframes down{0%,to{transform:translate(0)}50%{transform:translate(200px,400px)}}@keyframes up{0%,to{transform:translate(0)}50%{transform:translate(200px,-400px)}}@keyframes left{0%,to{transform:translate(0)}50%{transform:translate(400px,200px)}}@keyframes right{0%,to{transform:translate(0)}50%{transform:translate(-400px,200px)}}