:root{--deg:1;--x:-50%;--y:-50%;--speed:.15s}.portal{transform:translate(var(--x,-50%),var(--y,-50%))rotate(0deg);mix-blend-mode:screen;filter:hue-rotate();width:3em;height:3em;animation:wobble calc(var(--speed)*var(--t))linear infinite;transform-origin:-var(--y)-var(--x);background:#0f0;border-radius:90% 95% 85% 105%;justify-content:center;align-items:center;font-size:20vmin;display:flex;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 .5em .2em #000,0 0 .15em #fff}.portal:after{white-space:nowrap;font-size:1em}.portal:first-child{--x:-53%;--y:-53%;--t:37}.portal:nth-child(2){--x:-47%;--y:-52%;--t:58}.portal:nth-child(3){--x:-45%;--y:-50%;--t:46}.portal:nth-child(4){--x:-53%;--y:-45%;--t:72}.portal:nth-child(5){--x:-55%;--y:-45%;--t:62}@keyframes wobble{to{filter:hue-rotate(360deg);transform:translate(var(--x),var(--y))rotate(360deg)}}