@import"https://fonts.googleapis.com/css2?family=ADLaM+Display&display=swap";body{background-image:linear-gradient(to right top,#d16b7d,#d07299,#c87db3,#b98ac9,#a597da,#9e99e3,#949bed,#889ef6,#9394fe,#a487ff,#bb76ff,#d45ffb);background-repeat:no-repeat;background-attachment:fixed;font-family:ADLaM Display,system-ui;font-weight:400;font-style:normal}main{text-align:center;margin-left:3%;margin-top:20%;font-size:5vh.;color:#f34993}h2{color:#4050a0}p{color:#c9d0f3}#why{text-align:center;font-size:1.5em;margin-top:50%;margin-left:2.25%}#scroll{position:absolute;right:0%;bottom:0%;opacity:1;animation:glowing 2s infinite;transition:opacity 1s ease-in-out}#scroll.fade-out{opacity:0;animation:none}@keyframes glowing{0%{opacity:1}50%{opacity:0}to{opacity:1}}#pretzel{position:absolute;top:103%;left:20%;width:150px;height:auto;animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#flex{display:flex;margin:2% auto;width:85%;flex-wrap:wrap;justify-content:space-evenly}#flex div{width:25vw;text-align:center}#ball{position:absolute;top:143%;left:0%;width:50px;height:auto;animation:move 4s linear infinite}@keyframes move{0%{top:133%;left:0%}50%{top:153%;left:94%}to{top:133%;left:0%}}