.rippleComponent .ripple{height:1px}.rippleComponent .ripple .waves{z-index:2;width:100%;height:15%;min-height:80px;max-height:150px;margin-bottom:-7px;position:relative;transform:translateY(-100%)}.rippleComponent .ripple .parallax>use{animation:25s cubic-bezier(.55,.5,.45,.5) infinite move-forever}.rippleComponent .ripple .parallax>use:first-child{animation-duration:7s;animation-delay:-2s}.rippleComponent .ripple .parallax>use:nth-child(2){animation-duration:10s;animation-delay:-3s}.rippleComponent .ripple .parallax>use:nth-child(3){animation-duration:13s;animation-delay:-4s}.rippleComponent .ripple .parallax>use:nth-child(4){animation-duration:20s;animation-delay:-5s}@keyframes move-forever{0%{transform:translate(-90px)}to{transform:translate(85px)}}@media (max-width:768px){.rippleComponent .ripple .waves{height:40px;min-height:40px}.rippleComponent .ripple h1{font-size:24px}}
@keyframes Rotate_StarrySky{0%{transform:perspective(400px)rotate(20deg)rotateX(-40deg)rotateY(0)}to{transform:perspective(400px)rotate(20deg)rotateX(-40deg)rotateY(-360deg)}}.StarryComponent .stars_starrySky{transform-style:preserve-3d;perspective-origin:50% 100%;animation:90s linear infinite Rotate_StarrySky;position:absolute;bottom:0;left:50%;transform:perspective(500px)}.StarryComponent .star_starrySky{width:2px;height:2px;transform-origin:0 0 -300px;backface-visibility:hidden;background:#f7f7b6;position:absolute;top:0;left:0;transform:translateZ(-300px)}.StarryComponent .table{width:400px;height:350px;margin:80px auto}.StarryComponent .table form{width:100%}.StarryComponent .table .name{text-indent:.5em;background:#0003;border:none;border-radius:20px;width:280px;height:30px;margin:20px auto 30px;display:block}.StarryComponent .table .btn{color:#fff;background:#0000001a;border:none;border-radius:8px;width:100px;height:30px;margin:0 auto;display:block}