.animated-background{background:#000;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.gradient-orb{border-radius:50%;filter:blur(100px);opacity:.3;position:absolute}.orb-1{background:radial-gradient(circle,#fff3 0,#0000 70%);height:600px;left:-200px;top:-200px;width:600px}.orb-2{background:radial-gradient(circle,#ffffff26 0,#0000 70%);bottom:-150px;height:500px;right:-150px;width:500px}.orb-3{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);height:400px;left:50%;top:50%;transform:translate(-50%,-50%);width:400px}.stars{animation:twinkle 10s infinite;background-image:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(2px 2px at 60% 70%,#fff,#0000),radial-gradient(1px 1px at 50% 50%,#fff,#0000),radial-gradient(1px 1px at 80% 10%,#fff,#0000),radial-gradient(2px 2px at 90% 60%,#fff,#0000),radial-gradient(1px 1px at 33% 80%,#fff,#0000);background-position:0 0;background-size:200% 200%;height:100%;opacity:.3;position:absolute;width:100%}@keyframes twinkle{0%,to{background-position:0 0;opacity:.3}50%{background-position:100% 100%;opacity:.6}}@media (max-width:768px){.orb-1,.orb-2,.orb-3{height:300px;width:300px}}