body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app-header{display:flex;min-height:100vh;flex-direction:column;background-color:#131a28;justify-content:center;align-items:center}.app-header,.heading-text{text-align:center;color:#fff}.heading-text{font-size:42px;font-weight:bolder;margin:50px}.square{min-width:100px;min-height:100px;font-size:64px;text-align:center;font-weight:bolder;padding:30px}.fc-aqua,.square{color:#1cdbf5}.fc-cok{-webkit-animation:rainbow 2s infinite;animation:rainbow 2s infinite}.wrapper{perspective:500px;transform:rotatex(10deg);-webkit-animation:rotateAngle 6s linear infinite;animation:rotateAngle 6s linear infinite;margin:auto;width:auto}button{display:block;position:relative;margin:.5em 0;padding:.8em 2.2em;cursor:pointer;background:#fff;border:none;border-radius:.4em;text-transform:uppercase;font-size:19px;font-family:"Work Sans",sans-serif;font-weight:500;letter-spacing:.04em;mix-blend-mode:color-dodge;perspective:500px;transform-style:preserve-3d}button:after,button:before{--z:0px;position:absolute;top:0;left:0;display:block;content:"";width:100%;height:100%;opacity:0;mix-blend-mode:inherit;border-radius:inherit;transform-style:preserve-3d;transform:translate3d(calc(var(--z)*0px),calc(var(--z)*0px),calc(var(--z)*0px))}button span{mix-blend-mode:none;display:block}button:after{background-color:#5d00ff}button:before{background-color:#ff1731}button:hover{background-color:#fff65b;transition:background .3s .1s}button:hover:before{--z:0.04}button:hover:after,button:hover:before{-webkit-animation:translateWobble 2.2s ease forwards;animation:translateWobble 2.2s ease forwards}button:hover:after{--z:-0.06}@-webkit-keyframes rotateAngle{0%{transform:rotateY(0deg) rotateX(10deg);-webkit-animation-timing-function:cubic-bezier(.61,1,.88,1);animation-timing-function:cubic-bezier(.61,1,.88,1)}25%{transform:rotateY(20deg) rotateX(10deg)}50%{transform:rotateY(0deg) rotateX(10deg);-webkit-animation-timing-function:cubic-bezier(.61,1,.88,1);animation-timing-function:cubic-bezier(.61,1,.88,1)}75%{transform:rotateY(-20deg) rotateX(10deg)}to{transform:rotateY(0deg) rotateX(10deg)}}@keyframes rotateAngle{0%{transform:rotateY(0deg) rotateX(10deg);-webkit-animation-timing-function:cubic-bezier(.61,1,.88,1);animation-timing-function:cubic-bezier(.61,1,.88,1)}25%{transform:rotateY(20deg) rotateX(10deg)}50%{transform:rotateY(0deg) rotateX(10deg);-webkit-animation-timing-function:cubic-bezier(.61,1,.88,1);animation-timing-function:cubic-bezier(.61,1,.88,1)}75%{transform:rotateY(-20deg) rotateX(10deg)}to{transform:rotateY(0deg) rotateX(10deg)}}@-webkit-keyframes translateWobble{0%{opacity:0;transform:translate3d(calc(var(--z)*0px),calc(var(--z)*0px),calc(var(--z)*0px))}16%{transform:translate3d(calc(var(--z)*160px),calc(var(--z)*160px),calc(var(--z)*160px))}28%{opacity:1;transform:translate3d(calc(var(--z)*70px),calc(var(--z)*70px),calc(var(--z)*70px))}44%{transform:translate3d(calc(var(--z)*130px),calc(var(--z)*130px),calc(var(--z)*130px))}59%{transform:translate3d(calc(var(--z)*85px),calc(var(--z)*85px),calc(var(--z)*85px))}73%{transform:translate3d(calc(var(--z)*110px),calc(var(--z)*110px),calc(var(--z)*110px))}88%{opacity:1;transform:translate3d(calc(var(--z)*90px),calc(var(--z)*90px),calc(var(--z)*90px))}to{opacity:1;transform:translate3d(calc(var(--z)*100px),calc(var(--z)*100px),calc(var(--z)*100px))}}@keyframes translateWobble{0%{opacity:0;transform:translate3d(calc(var(--z)*0px),calc(var(--z)*0px),calc(var(--z)*0px))}16%{transform:translate3d(calc(var(--z)*160px),calc(var(--z)*160px),calc(var(--z)*160px))}28%{opacity:1;transform:translate3d(calc(var(--z)*70px),calc(var(--z)*70px),calc(var(--z)*70px))}44%{transform:translate3d(calc(var(--z)*130px),calc(var(--z)*130px),calc(var(--z)*130px))}59%{transform:translate3d(calc(var(--z)*85px),calc(var(--z)*85px),calc(var(--z)*85px))}73%{transform:translate3d(calc(var(--z)*110px),calc(var(--z)*110px),calc(var(--z)*110px))}88%{opacity:1;transform:translate3d(calc(var(--z)*90px),calc(var(--z)*90px),calc(var(--z)*90px))}to{opacity:1;transform:translate3d(calc(var(--z)*100px),calc(var(--z)*100px),calc(var(--z)*100px))}}@-webkit-keyframes rainbow{0%{color:red}14%{color:orange}28%{color:#ff0}42%{color:green}57%{color:#00f}71%{color:indigo}85%{color:violet}to{color:red}}@keyframes rainbow{0%{color:red}14%{color:orange}28%{color:#ff0}42%{color:green}57%{color:#00f}71%{color:indigo}85%{color:violet}to{color:red}}.fc-white{color:#fff}.fw-600{font-weight:bolder}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}.jc-center{justify-content:center}.b-bottom-right{border-right:15px solid #1cf56f;border-bottom:15px solid #f5851c}.b-bottom{border-bottom:15px solid #f51cd8}.b-right{border-right:15px solid #3200fa}@media only screen and (max-width:600px){.heading-text{color:#fff;font-size:30px;font-weight:bolder;text-align:center;margin:60px 10px}.square{min-width:80px;min-height:80px;font-size:32px;font-weight:bolder;padding:15px;display:flex;align-items:center;justify-content:center}.b-bottom-right{border-right:10px solid #1cdbf5}.b-bottom,.b-bottom-right{border-bottom:10px solid #1cdbf5}.b-right{border-right:10px solid #1cdbf5}}
/*# sourceMappingURL=main.d8c6b54d.chunk.css.map */