body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.area{bottom:0;height:100vh;width:100vw;z-index:-1}.area,.circles{left:0;overflow:hidden;position:absolute}.circles{height:100%;top:0;width:100%}.circles li{animation:animate 25s linear infinite;background:#f08080;bottom:-150px;display:block;height:20px;list-style:none;position:absolute;width:20px}.circles li:first-child{animation-delay:0s;height:80px;left:25%;width:80px}.circles li:nth-child(2){animation-delay:2s;animation-duration:12s;height:20px;left:10%;width:20px}.circles li:nth-child(3){animation-delay:4s;height:20px;left:70%;width:20px}.circles li:nth-child(4){animation-delay:0s;animation-duration:18s;height:60px;left:40%;width:60px}.circles li:nth-child(5){animation-delay:0s;height:20px;left:65%;width:20px}.circles li:nth-child(6){animation-delay:3s;height:110px;left:75%;width:110px}.circles li:nth-child(7){animation-delay:7s;height:150px;left:35%;width:150px}.circles li:nth-child(8){animation-delay:15s;animation-duration:45s;height:25px;left:50%;width:25px}.circles li:nth-child(9){animation-delay:2s;animation-duration:35s;height:15px;left:20%;width:15px}.circles li:nth-child(10){animation-delay:0s;animation-duration:11s;height:150px;left:85%;width:150px}@keyframes animate{0%{border-radius:0;opacity:1;transform:translateY(0) rotate(0deg)}to{border-radius:50%;opacity:0;transform:translateY(-1000px) rotate(2turn)}}.swipeLeft{animation:swipeLeft 1.5s ease-in-out forwards}.swipeRight{animation:swipeRight 1.5s ease-in-out forwards}@keyframes swipeRight{0%{transform:translateX(0)}to{transform:translateX(100vw)}}@keyframes swipeLeft{0%{transform:translateX(0)}to{transform:translateX(-100vw)}}
/*# sourceMappingURL=main.706c6517.css.map*/