@import url(https://fonts.googleapis.com/css2?family=Playwrite+PE:wght@100..400&family=Quicksand:wght@300..700&display=swap);#root,body,html{box-sizing:border-box;height:100vh;margin:0;padding:0}.app{background:url(/static/media/bg3.8a6c83e9a85c053c1711.jpg);background-position:50%;background-size:cover;height:100%;text-align:center}.app,.card{align-items:center;display:flex;justify-content:center}.card{background-color:#f5f5f5;border:5px solid #000;border-radius:25px;box-shadow:6px 9px;flex-direction:column;height:40%;padding:2%;width:50%}.heading{font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:600;height:580px}.button,.heading{align-items:center;display:flex}.button{background-color:#fff;border:1px solid #164ca799;border-radius:50px;cursor:pointer;height:200px;justify-content:center;opacity:1;outline:none;position:relative;text-decoration:none;text-transform:uppercase;width:210px}.button span{color:#164ca7;font-size:12px;font-weight:500;letter-spacing:.7px}.button:hover{animation:rotate .7s ease-in-out both}.button:hover span{animation:storm .7s ease-in-out both;animation-delay:.06s}@keyframes rotate{0%{transform:rotate(0deg) translateZ(0)}25%{transform:rotate(3deg) translateZ(0)}50%{transform:rotate(-3deg) translateZ(0)}75%{transform:rotate(1deg) translateZ(0)}to{transform:rotate(0deg) translateZ(0)}}@keyframes storm{0%{transform:translateZ(0) translateZ(0)}25%{transform:translate3d(4px,0,0) translateZ(0)}50%{transform:translate3d(-3px,0,0) translateZ(0)}75%{transform:translate3d(2px,0,0) translateZ(0)}to{transform:translateZ(0) translateZ(0)}}@media only screen and (max-width:600px){.card{height:30%;width:80%}}
/*# sourceMappingURL=main.29ed1e3f.css.map*/