@font-face{font-family:font1;src:url(/static/media/font1.d3bb7319.otf)}*{font-family:font1}body{width:100vw;height:100vh;background:linear-gradient(180deg,#d309e1,#9c1aff);overflow:hidden;padding:0;margin:0;display:flex;justify-content:center;align-items:center}.example-container div{background:#fff;border-radius:30px;width:150px;height:150px}.refresh{padding:10px;position:absolute;background:rgba(0,0,0,.4);border-radius:10px;width:20px;height:20px;top:10px;right:10px;display:flex;justify-content:center;align-items:center;cursor:pointer}.m-div{opacity:0}.frame .m-div:nth-child(2){animation:animate-circle 2s forwards}.frame .m-div:nth-child(3){animation:animate-circle 2s 4s forwards}.frame .m-div:nth-child(4){animation:animate-circle 2s 6s forwards}.frame .m-div:nth-child(5){animation:animate-circle 2s 2s forwards}@keyframes animate-circle{0%{opacity:0}to{opacity:1}}.yes-button{width:100px;transform:rotate(45deg) translateY(0);cursor:pointer;display:flex;justify-content:center;align-items:center;height:100px;background:rgba(0,0,0,.1);font-size:2rem;outline:none;border:none;border-radius:50% 50% 10%;transition:all .3s}.yes-button a{text-decoration:none}.yes-button:nth-child(2n){box-shadow:inset -1px 5px 20px 0 red;animation:right-animate 3s ease}.yes-button:nth-child(2n) a{color:red}.yes-button:nth-child(odd){box-shadow:inset -1px 5px 20px 0 #87ceeb;animation:left-animate 3s ease}.yes-button:nth-child(odd) a{color:#87ceeb}.yes-button:hover{transform:rotate(45deg) scale(1.2)}.yes-button:active{transform:rotate(45deg) scale(.8)}@keyframes left-animate{0%{margin-left:-100rem;opacity:0}to{margin-left:0;opacity:1}}@keyframes right-animate{0%{margin-right:-100rem;opacity:0}to{opacity:1;margin-right:0}}
/*# sourceMappingURL=main.f91c7aa4.chunk.css.map */