@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.gradient_hero{--size:500px;--speed:50s;--easing:cubic-bezier(0.8,0.2,0.2,0.8);position:absolute;z-index:0;width:var(--size);height:var(--size);filter:blur(calc(var(--size) / 5));background-image:linear-gradient(#072364,#0b513e);animation:rotate var(--speed) var(--easing) alternate infinite;border-radius:30% 70% 70% 30%/30% 30% 70% 70%}@media (max-width:640px){.gradient_hero{--size:20rem}}.hero_container{background-color:#000915;position:relative;display:flex;place-content:center;align-items:center;overflow:hidden}.gradient_hero,.hero_container{transition:all .5s ease-out}