:root{--color-bg1:rgb(12, 13, 41);--color-bg2:rgb(8, 65, 118);--color1:8,65,118;--color2:12,13,41;--circle-size:80%;--blending:hard-light}@keyframes moveInCircle{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@keyframes moveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}100%{transform:translateY(-50%)}}body,html{height:100%;margin:0}.gradient-bg{position:fixed;width:100%;height:100%;top:0;left:0;z-index:-2;overflow:hidden;background:linear-gradient(40deg,var(--color-bg1),var(--color-bg2))}.gradients-container{filter:url(#goo) blur(40px);width:100%;height:100%}.g1,.g2{position:absolute;border-radius:50%;background:radial-gradient(circle at center,rgba(var(--color1),.8) 0,rgba(var(--color1),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size)}.g1{top:calc(50% - var(--circle-size)/ 2);left:calc(50% - var(--circle-size)/ 2);transform-origin:center center;animation:moveVertical 30s ease infinite;opacity:1}.g2{background:radial-gradient(circle at center,rgba(var(--color2),.8) 0,rgba(var(--color2),0) 50%) no-repeat;transform-origin:calc(50% - 400px);animation:moveInCircle 20s reverse infinite;opacity:1}section#home{position:relative;z-index:1}.button{border-radius:28px;text-transform:uppercase;font-weight:600;letter-spacing:1px;position:relative;z-index:7}.button1{background-color:#3e74d6;padding:3%;color:#fff;text-decoration:none;transition:.6s;pointer-events:auto}