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}#root{margin:0;padding:0;height:100vh;box-sizing:border-box}.App{height:100%;background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url(/static/media/pexels-photo-531880.719b64dd.jpeg);background-size:cover;background-position:50%;color:#f5f5f5}.App,.Card{display:flex;justify-content:center;align-items:center;text-align:center}.Card{width:40%;height:20%;flex-direction:column;padding:2%}.mainheading{height:580px}.mainheading,.thebutton{display:flex;justify-content:center;align-items:center}.thebutton{position:relative;outline:none;text-decoration:none;border-radius:50px;cursor:pointer;text-transform:uppercase;padding:20px;height:200px;width:210px;opacity:1;background-color:#fff;border:1px solid rgba(22,76,167,.6)}.thebutton span{color:#164ca7;font-size:12px;font-weight:500;letter-spacing:.7px}.thebutton:hover{-webkit-animation:rotate .7s ease-in-out both;animation:rotate .7s ease-in-out both}.thebutton: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%{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 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)}}@-webkit-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)}}@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{width:80%;height:30%}}
/*# sourceMappingURL=main.a911a617.chunk.css.map */