.main-content{background:linear-gradient(#fffbea 18.96%,#ebeaff 52.81%,#fff 74.79%);width:100%;height:100%;margin:0;padding:0}.content-container{z-index:1;position:relative}.background-container{z-index:0;filter:blur(100px);width:100%;display:flex;position:absolute;inset:0}.background-container .circle{animation-duration:7.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;animation-delay:2s}.circle{background-blend-mode:darken;border-radius:50%;transition:all .5s}.circle-1{filter:blur(15vw);background:linear-gradient(90deg,#f6d365b3,#fda085b3);width:40vw;max-width:541.28px;height:40vw;max-height:541.28px;animation:10s ease-in-out infinite alternate circle-1-floating;position:absolute;top:-15vh;left:-8vw;transform:rotate(30deg)}.circle-2{filter:blur(12vw);background:linear-gradient(90deg,#ec1919b3,#4a00e0b3);width:30vw;max-width:289.05px;height:30vw;max-height:289.05px;animation:10s ease-in-out infinite alternate circle-2-floating;position:absolute;top:40vh;right:5vw;transform:rotate(-165deg)}@keyframes circle-1-floating{0%{transform:translate(0%)translateY(25%)rotate(30deg)}to{transform:translate(20%)translateY(10%)rotate(100deg)}}@keyframes circle-2-floating{0%{transform:translate(0%)translateY(0%)rotate(-165deg)}to{transform:translate(-15%)translateY(50%)rotate(-250deg)}}@media (max-width:768px){.content-container{padding:0}}@media (max-width:480px){.circle-1{width:60vw;height:60vw;top:-10vh;left:-20vw}.circle-2{width:45vw;height:45vw;top:60vh;right:5vw}}