#root,body,html{box-sizing:border-box;height:100vh;margin:0;padding:0}.App{background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url(/static/media/nathan-dumlao-zi5vRoAP3WY-unsplash.86ee19086baf271ea137.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-radius:25px;box-shadow:10px 10px;flex-direction:column;height:30%;padding:3%;width:40%}.card h1{font-family:Tiro Gurmukhi,serif;height:500px}.button,.card h1{align-items:center;display:flex}.button{background-color:#fff;border:2px solid rgba(86,17,133,.6);border-radius:50px;cursor:pointer;height:200px;justify-content:center;opacity:1;outline:none;padding:1rem;position:relative;text-decoration:none;text-transform:uppercase;width:210px}.button span{color:#52179e;font-size:12px;font-weight:500;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:768px){.card{height:30%;padding:8% 3%;width:80%}}@media only screen and (max-width:425px){.card h1{font-size:1.5rem}.button{padding:.8rem 1rem}}@media only screen and (max-width:320px){.card h1{font-size:1rem}.button{padding:.5rem .2rem}}
/*# sourceMappingURL=main.d5c79945.css.map*/