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)}}.ring-icon{background:transparent;border:3px solid #000b58;border-radius:50%;box-shadow:0 0 20px rgba(0,0,0,.5);color:#fff000;font-family:sans-serif;font-size:20px;height:125px;letter-spacing:4px;line-height:125px;margin-left:50%;margin-top:100px;text-align:center;text-shadow:0 0 10px #fff000;text-transform:uppercase;transform:translate(-50%,-50%);width:125px}.ring-icon:before{animation:animateC 5s linear infinite;animation-fill-mode:forwards;animation-iteration-count:2;border-right:3px solid transparent;border-top:3px solid transparent;border-color:#fff000 #fff000 transparent transparent;border-radius:50%;border-style:solid;border-width:3px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.ring-icon span{animation:animate 5s linear infinite;animation-fill-mode:forwards;animation-iteration-count:2;background:transparent;display:block;height:0;left:50%;position:absolute;top:50%;transform-origin:left;width:50%}.ring-icon span:before{background:#fff000;border-radius:50%;box-shadow:0 0 20px #fff000;content:"";height:16px;position:absolute;right:-4px;top:-1px;width:16px}@keyframes animateC{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes animate{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}.ring-icon-without{background:transparent;border:3px solid #000b58;border-radius:50%;box-shadow:0 0 20px rgba(0,0,0,.5);color:#fff000;font-family:sans-serif;font-size:20px;height:125px;letter-spacing:4px;line-height:125px;margin-left:50%;margin-top:100px;text-align:center;text-shadow:0 0 10px #fff000;text-transform:uppercase;transform:translate(-50%,-50%);width:125px}.ring-icon-without:before{border:3px solid transparent;border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.ring-icon-without span{background:transparent;display:block;height:0;left:50%;position:absolute;top:50%;transform-origin:left;width:50%}.ring-icon-without span:before{border-radius:50%;content:"";height:16px;position:absolute;right:-4px;top:-1px;width:16px}#container{color:transparent;display:inline-block;margin-left:7px;margin-right:3px}#flip{height:50px;overflow:hidden}#flip>div>div{display:inline-block;height:45px;margin-bottom:45px}#flip div:first-child{animation:show 10s linear infinite;animation-iteration-count:2}#flip div div,#flip div:first-child div,#flip div:last-child div{font-weight:500}@keyframes show{0%{margin-top:-270px}5%{margin-top:-180px}33%{margin-top:-180px}38%{margin-top:-90px}66%{margin-top:-90px}71%{margin-top:0}99.99%{margin-top:0}to{margin-top:-270px}}.container-main{margin:auto;text-align:center;width:100%;a,a:link,a:visited{border:1px solid #ececec;border-radius:5px;color:gray;padding:9px 15px;text-decoration:none}.animate h1,a.repeat{display:inline-block}a.repeat{border:1px solid rgba(0,0,0,.15);border-radius:3px;bottom:15px;font-size:12px;font-weight:400;margin:0 0 0 50px;padding:5px 12px;position:relative;text-decoration:none;text-transform:none}a.repeat:hover{background:rgba(0,0,0,.7);color:#fff}.animate h1:nth-of-type(2){animation-delay:.05s}.animate h1:nth-of-type(3){animation-delay:.1s}.animate h1:nth-of-type(4){animation-delay:.15s}.animate h1:nth-of-type(5){animation-delay:.2s}.animate h1:nth-of-type(6){animation-delay:.25s}.animate h1:nth-of-type(7){animation-delay:.3s}.animate h1:nth-of-type(8){animation-delay:.35s}.animate h1:nth-of-type(9){animation-delay:.4s}.animate h1:nth-of-type(10){animation-delay:.45s}.animate h1:nth-of-type(11){animation-delay:.5s}.animate h1:nth-of-type(12){animation-delay:.55s}.animate h1:nth-of-type(13){animation-delay:.6s}.animate h1:nth-of-type(14){animation-delay:.65s}.animate h1:nth-of-type(15){animation-delay:.7s}.animate h1:nth-of-type(16){animation-delay:.75s}.animate h1:nth-of-type(17){animation-delay:.8s}.animate h1:nth-of-type(18){animation-delay:.85s}.animate h1:nth-of-type(19){animation-delay:.9s}.animate h1:nth-of-type(20){animation-delay:.95s}}.one h1{animation:revolveScale .4s forwards;color:#24a8e6;opacity:0;transform:translate(-150px,-50px) rotate(-180deg) scale(3)}@keyframes revolveScale{60%{transform:translate(20px,20px) rotate(30deg) scale(.3)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}.two h1{animation:ballDrop .3s forwards;color:#a5cb21;opacity:0;transform:translate(200px,-100px) scale(2)}@keyframes ballDrop{60%{transform:translateY(20px) rotate(-180deg) scale(.5)}to{opacity:1;transform:translate(0) rotate(0deg) scale(1)}}.three h1{animation:sideSlide .5s forwards;color:#b10e81;opacity:0;transform:translate(-300px) scale(0)}@keyframes sideSlide{60%{color:#b10e81;transform:translate(20px) scale(1)}80%{color:#b10e81;transform:translate(20px) scale(1)}99%{color:#00f0ff;transform:translate(0) scale(1.2)}to{color:#b10e81;opacity:1;transform:translate(0) scale(1)}}.four h1{animation:revolveDrop .3s forwards;color:#8d6a00;opacity:0;transform:translateY(-100px) rotate(1turn) scale(0)}@keyframes revolveDrop{30%{transform:translateY(-50px) rotate(180deg) scale(1)}60%{transform:translateY(20px) scale(.8) rotate(0deg)}to{opacity:1;transform:translate(0) scale(1) rotate(0deg)}}.five h1{animation:dropVanish .5s forwards;color:#dd3f0f;opacity:0;transform:translateY(-100px) rotate(1turn) scale(0)}@keyframes dropVanish{30%{transform:translateY(-50px) rotate(180deg) scale(1)}50%{opacity:1;transform:translateY(20px) scale(.8) rotate(0deg)}80%{opacity:0;transform:translate(-100px,-100px) scale(1.5) rotate(-180deg)}to{opacity:1;transform:translate(0) scale(1) rotate(0deg)}}.six h1{animation:twister .5s forwards;opacity:0;transform:rotate(-180deg) translate(150px)}@keyframes twister{10%{opacity:1}to{opacity:1;transform:rotate(0deg) translate(0)}}.seven h1{animation:leftRight .5s forwards;color:#348c04;opacity:0;transform:translate(-150px) scale(.3)}@keyframes leftRight{40%{color:#348c04;opacity:1;transform:translate(50px) scale(.7)}60%{color:#0f40ba}80%{opacity:0;transform:translate(0) scale(2)}to{opacity:1;transform:translate(0) scale(1)}}.icon-bu{cursor:pointer}
/*# sourceMappingURL=main.06698659.css.map*/