@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(min-width:720px){.gradient{--size:500px}}.ops-container{background-color:#171917;z-index:-1;position:absolute;inset:0;width:100vw;display:flex;place-content:center;align-items:center;overflow:hidden}.ops-container .gradient{--size:30vw;--speed:7s;--easing:cubic-bezier(0.8,0.2,0.2,0.8);width:var(--size);height:var(--size);filter:blur(calc(var(--size) / 5));background-image:linear-gradient(hsl(222,84%,60%),hsl(164,79%,71%));animation:rotate var(--speed) var(--easing) alternate infinite;border-radius:30% 70% 70% 30%/30% 30% 70% 70%}.ops-container *{transition:all .5s ease-out}