@import url(https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Akaya+Telivigala&family=Cabin:wght@400;500;600&family=IBM+Plex+Sans&family=Ultra&family=Yuji+Syuku&display=swap);@import url(https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Akaya+Telivigala&family=Cabin:wght@400;500;600&family=IBM+Plex+Sans&family=Raleway:wght@300&family=Ultra&family=Yuji+Syuku&display=swap);*{font-family:Raleway,sans-serif}#root,body,html{box-sizing:border-box;height:100vh;margin:0;padding:0}.app{background-position:50%;height:100%;text-align:center}.app,.card{align-items:center;display:flex;justify-content:center}.card{background-color:#fff;border:1px solid rgba(22,76,167,.6);border-radius:25px;box-shadow:0 5px 15px rgba(0,0,0,.35);flex-direction:column;height:20%;opacity:1;padding:2%;transition:all .2s ease-in-out;width:40%}.card:hover{-webkit-transform:scale(.9);transform:scale(.9)}.heading{color:#164ca7;font-size:25px;font-weight:500;height:580px;letter-spacing:.7px}.button,.heading{align-items:center;display:flex}.button{background-color:#fff;border:1px solid rgba(22,76,167,.6);border-radius:50px;cursor:pointer;height:400px;justify-content:center;opacity:1;outline:none;padding:6px;position:relative;text-decoration:none;text-transform:uppercase;width:130px}.button span{color:#164ca7;font-size:13px;font-weight:900;letter-spacing:.7px}.button:hover{-webkit-animation:rotate .7s ease-in-out both;animation:rotate .7s ease-in-out both}.button:hover span{-webkit-animation:storm .7s ease-in-out both;animation:storm .7s ease-in-out both;-webkit-animation-delay:.06s;animation-delay:.06s}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg) translateZ(0);transform:rotate(0deg) translateZ(0)}25%{-webkit-transform:rotate(3deg) translateZ(0);transform:rotate(3deg) translateZ(0)}50%{-webkit-transform:rotate(-3deg) translateZ(0);transform:rotate(-3deg) translateZ(0)}75%{-webkit-transform:rotate(1deg) translateZ(0);transform:rotate(1deg) translateZ(0)}to{-webkit-transform:rotate(0deg) translateZ(0);transform:rotate(0deg) translateZ(0)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg) translateZ(0);transform:rotate(0deg) translateZ(0)}25%{-webkit-transform:rotate(3deg) translateZ(0);transform:rotate(3deg) translateZ(0)}50%{-webkit-transform:rotate(-3deg) translateZ(0);transform:rotate(-3deg) translateZ(0)}75%{-webkit-transform:rotate(1deg) translateZ(0);transform:rotate(1deg) translateZ(0)}to{-webkit-transform:rotate(0deg) translateZ(0);transform:rotate(0deg) translateZ(0)}}@-webkit-keyframes storm{0%{-webkit-transform:translateZ(0) translateZ(0);transform:translateZ(0) translateZ(0)}25%{-webkit-transform:translate3d(4px,0,0) translateZ(0);transform:translate3d(4px,0,0) translateZ(0)}50%{-webkit-transform:translate3d(-3px,0,0) translateZ(0);transform:translate3d(-3px,0,0) translateZ(0)}75%{-webkit-transform:translate3d(2px,0,0) translateZ(0);transform:translate3d(2px,0,0) translateZ(0)}to{-webkit-transform:translateZ(0) translateZ(0);transform:translateZ(0) translateZ(0)}}@keyframes storm{0%{-webkit-transform:translateZ(0) translateZ(0);transform:translateZ(0) translateZ(0)}25%{-webkit-transform:translate3d(4px,0,0) translateZ(0);transform:translate3d(4px,0,0) translateZ(0)}50%{-webkit-transform:translate3d(-3px,0,0) translateZ(0);transform:translate3d(-3px,0,0) translateZ(0)}75%{-webkit-transform:translate3d(2px,0,0) translateZ(0);transform:translate3d(2px,0,0) translateZ(0)}to{-webkit-transform:translateZ(0) translateZ(0);transform:translateZ(0) translateZ(0)}}@media only screen and (max-width:600px){.card{height:25%;width:80%}.heading{font-size:20px}.button{height:200px;padding:2px;width:130px}}
/*# sourceMappingURL=main.8241a61a.css.map*/