#root,body,html{margin:0;padding:0;height:100vh;box-sizing:border-box;--color-primary:#2584ff;--color-secondary:#00d9ff;--color-accent:#ff3400}.app{height:100%;background:url(/static/media/waterLakeBg.497e9ca6.jpg);background-size:cover;background-position:50%;justify-content:center;text-align:center}.app,.card{display:flex;align-items:center}.card{background:var(--color-secondary);width:40%;height:20%;flex-direction:column;border-radius:25px;padding:8%;box-shadow:6px 6px}.heading{height:580px;font-family:"Open Sans",sans-serif}.button,.heading{display:flex;align-items:center}.button{background:var(--color-accent);border-radius:50px;border:1px solid rgba(22,76,167,.6);cursor:pointer;height:4.5rem;justify-content:center;opacity:1;outline:none;padding:2%;position:relative;text-decoration:none;text-transform:uppercase;width:10rem}.button span{color:#f5f5f5;font-size:12px;font-weight:400;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{width:80%;height:30%}}
/*# sourceMappingURL=main.1a56ed6b.chunk.css.map */