html,body{font-family:Dongle,sans-serif;margin:0;padding:0}:root{--color-bg1: #08203E;--color-bg2: #0b4080;--color1: rgb(85, 124, 147);--color2: rgb(81, 66, 112);--color3: rgba(53, 83, 99, 1);--circle-size: 900px;--blending: hard-light}@keyframes VerticalSnakeOne{0%{transform:translateY(0) translate(0)}20%{transform:translateY(12%) translate(15%)}80%{transform:translateY(45%) translate(-20%)}to{transform:translateY(0) translate(0)}}@keyframes VerticalSnakeTwo{0%{transform:translateY(0) translate(0)}40%{transform:translateY(-25%) translate(-14%)}60%{transform:translateY(12%) translate(4%)}to{transform:translateY(0) translate(0)}}.gradient-bg{position:relative;overflow:hidden;background:linear-gradient(40deg,var(--color-bg1),var(--color-bg2));top:0;left:0}.gradient-bg .l1{position:absolute;width:30%;height:30%;background-color:var(--color1);top:-3%;left:0;animation:VerticalSnakeTwo 15s infinite linear;transform-origin:50% 50%}.gradient-bg .l2{position:absolute;width:40%;height:35%;background-color:var(--color1);top:5%;left:0;animation:VerticalSnakeOne 7s infinite linear;transform-origin:50% 50%}.gradient-bg .l3{position:absolute;width:40%;height:40%;background-color:var(--color1);top:30%;left:0;animation:VerticalSnakeOne 8s infinite linear;transform-origin:50% 50%}.gradient-bg .r1{position:absolute;width:30%;height:30%;background-color:var(--color2);top:5%;right:0;animation:VerticalSnakeOne 12s infinite linear;transform-origin:50% 50%}.gradient-bg .r2{position:absolute;width:20%;height:35%;background-color:var(--color2);top:10%;right:0;animation:VerticalSnakeTwo 10s infinite linear;transform-origin:50% 50%}.gradient-bg .r3{position:absolute;width:50%;height:50%;background-color:var(--color2);top:30%;right:0;animation:VerticalSnakeOne 9s infinite linear;transform-origin:50% 50%}.gradient-bg .b1{position:absolute;width:30%;height:30%;background-color:var(--color3);bottom:-10%;left:20%;animation:VerticalSnakeOne 7s infinite linear;transform-origin:50% 50%}.gradient-bg .l1,.gradient-bg .l2,.gradient-bg .l3,.gradient-bg .r1,.gradient-bg .r2,.gradient-bg .r3,.gradient-bg .b1{filter:blur(100px)}@media (max-width: 768px){.gradient-bg .l1,.gradient-bg .l2,.gradient-bg .l3,.gradient-bg .r1,.gradient-bg .r2,.gradient-bg .r3,.gradient-bg .b1{width:30%;height:30%;filter:blur(60px)}.gradient-bg .b1{bottom:-5%;left:10%;filter:blur(60px)}}