en
html
Vercel
width=device-width, initial-scale=1
utf-8
background:linear-gradient(180deg, #1aa7ff 0%, #2284c6 15%, #2573b3 30%, #2b669e 45%, #355a96 60%, #3d5291 75%, #424b8c 87%, #164B94 100%) no-repeat;min-height:100vh
background:radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(0, 51, 102, 0.1) 50%)
left:75%;bottom:44%;width:102px;min-size:10vw;opacity:0.6;animation-delay:-10s;animation-duration:10s
fill:#FFB2E6
fill:#FFB2E6
fill:url(#linear-gradient)
fill:url(#linear-gradient-2)
fill:#FFB2E6
fill:#FFB2E6
fill:#FFB2E6
fill:#FFB2E6
fill:#FFB2E6
fill:#FFB2E6
fill:#FFB2E6
fill:#FFB2E6
fill:#FFB2E6
fill:#FFB2E6
fill:#FFB2E6
fill:#FFB2E6
fill:#FFB2E6
fill:#FFB2E6
fill:#FFB2E6
fill:#FFB2E6
fill:#FFB2E6
fill:#FFB2E6
fill:#FFB2E6
fill:#FFB2E6
fill:url(#linear-gradient-3)
fill:#FFB2E6
fill:#FFB2E6
fill:url(#linear-gradient-4)
fill:#FFB2E6
fill:#FFB2E6
fill:#FFB2E6
fill:#FFB2E6
fill:#FFB2E6
fill:#FFB2E6
left:3%;bottom:27%;width:96px;min-size:10vw;opacity:0.6;animation-delay:-9s;animation-duration:12s
fill:#FFF4BD
fill:#FFF4BD
fill:url(#linear-gradient)
fill:url(#linear-gradient-2)
fill:#FFF4BD
fill:#FFF4BD
fill:#FFF4BD
fill:#FFF4BD
fill:#FFF4BD
fill:#FFF4BD
fill:#FFF4BD
fill:#FFF4BD
fill:#FFF4BD
fill:#FFF4BD
fill:#FFF4BD
fill:#FFF4BD
fill:#FFF4BD
fill:#FFF4BD
fill:#FFF4BD
fill:#FFF4BD
fill:#FFF4BD
fill:#FFF4BD
fill:#FFF4BD
fill:#FFF4BD
fill:url(#linear-gradient-3)
fill:#FFF4BD
fill:#FFF4BD
fill:url(#linear-gradient-4)
fill:#FFF4BD
fill:#FFF4BD
fill:#FFF4BD
fill:#FFF4BD
fill:#FFF4BD
fill:#FFF4BD
left:79%;bottom:85%;width:115px;min-size:10vw;opacity:0.6;animation-delay:-10s;animation-duration:12s
fill:#FFF4BD;stroke:#FFF4BD;stroke-miterlimit:10
left:13%;bottom:91%;width:91px;min-size:10vw;opacity:0.6;animation-delay:-7s;animation-duration:13s
fill:#FF9ECD
fill:#FF9ECD
fill:url(#linear-gradient)
fill:url(#linear-gradient-2)
fill:#FF9ECD
fill:#FF9ECD
fill:#FF9ECD
fill:#FF9ECD
fill:#FF9ECD
fill:#FF9ECD
fill:#FF9ECD
fill:#FF9ECD
fill:#FF9ECD
fill:#FF9ECD
fill:#FF9ECD
fill:#FF9ECD
fill:#FF9ECD
fill:#FF9ECD
fill:#FF9ECD
fill:#FF9ECD
fill:#FF9ECD
fill:#FF9ECD
fill:#FF9ECD
fill:#FF9ECD
fill:url(#linear-gradient-3)
fill:#FF9ECD
fill:#FF9ECD
fill:url(#linear-gradient-4)
fill:#FF9ECD
fill:#FF9ECD
fill:#FF9ECD
fill:#FF9ECD
fill:#FF9ECD
fill:#FF9ECD
left:29%;bottom:54%;width:87px;min-size:10vw;opacity:0.6;animation-delay:-13s;animation-duration:10s
fill:#FF9B9B
fill:#FF9B9B
fill:#FF9B9B
fill:#FF9B9B
fill:#FF9B9B
stroke:#FF9B9B;stroke-miterlimit:10;stroke-width:2px;fill:#FF9B9B
fill:#FF9B9B
fill:#FF9B9B
fill:#FF9B9B
stroke:#FF9B9B;stroke-miterlimit:10;stroke-width:3px
fill:#FF9B9B
stroke:#FF9B9B;stroke-miterlimit:10;stroke-width:3px
left:23%;bottom:78%;width:59px;min-size:10vw;opacity:0.6;animation-delay:-4s;animation-duration:13s
fill:#FFB2E6
fill:#FFB2E6
fill:#FFB2E6
fill:#FFB2E6
fill:#FFB2E6
stroke:#FFB2E6;stroke-miterlimit:10;stroke-width:2px;fill:#FFB2E6
fill:#FFB2E6
fill:#FFB2E6
fill:#FFB2E6
stroke:#FFB2E6;stroke-miterlimit:10;stroke-width:3px
fill:#FFB2E6
stroke:#FFB2E6;stroke-miterlimit:10;stroke-width:3px
left:5%;animation-delay:0s;width:45vw
left:20%;animation-delay:-3s;width:40vw
left:35%;animation-delay:-6s;width:35vw
left:50%;animation-delay:-9s;width:42vw
left:65%;animation-delay:-12s;width:38vw
left:80%;animation-delay:-15s;width:41vw
z-index:2
transform-style:preserve-3d;perspective:1000px
transform-style:preserve-3d;transform-origin:center center;position:relative;z-index:1;height:100%;width:100%
transform-style:preserve-3d;transition:transform 0.1s;transform-origin:center center;position:relative;will-change:transform;height:100%;width:100%
position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent
transform-style:preserve-3d;perspective:1000px
transform-style:preserve-3d;transform-origin:center center;position:relative;z-index:1;height:100%;width:100%
transform-style:preserve-3d;transition:transform 0.1s;transform-origin:center center;position:relative;will-change:transform;height:100%;width:100%
position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent
transform-style:preserve-3d;perspective:1000px
transform-style:preserve-3d;transform-origin:center center;position:relative;z-index:1;height:100%;width:100%
transform-style:preserve-3d;transition:transform 0.1s;transform-origin:center center;position:relative;will-change:transform;height:100%;width:100%
position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent
transform-style:preserve-3d;perspective:1000px
transform-style:preserve-3d;transform-origin:center center;position:relative;z-index:1;height:100%;width:100%
transform-style:preserve-3d;transition:transform 0.1s;transform-origin:center center;position:relative;will-change:transform;height:100%;width:100%
position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent
transform-style:preserve-3d;perspective:1000px
transform-style:preserve-3d;transform-origin:center center;position:relative;z-index:1;height:100%;width:100%
transform-style:preserve-3d;transition:transform 0.1s;transform-origin:center center;position:relative;will-change:transform;height:100%;width:100%
position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent
transform-style:preserve-3d;perspective:1000px
transform-style:preserve-3d;transform-origin:center center;position:relative;z-index:1;height:100%;width:100%
transform-style:preserve-3d;transition:transform 0.1s;transform-origin:center center;position:relative;will-change:transform;height:100%;width:100%
position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent
transform-style:preserve-3d;perspective:1000px
transform-style:preserve-3d;transform-origin:center center;position:relative;z-index:1;height:100%;width:100%
transform-style:preserve-3d;transition:transform 0.1s;transform-origin:center center;position:relative;will-change:transform;height:100%;width:100%
position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent