.app{height:100%;background:linear-gradient(#0000004d,#0000004d),url(/assets/bar-BN05r545.jpg);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center}.app .card{width:60%;height:30%;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:25px;padding:2%}.app .card .advice{font-family:Arial,Helvetica,sans-serif;color:#d9e9e9f5;text-align:center;display:flex;align-items:center}.app .card button{outline:none;text-decoration:none;border-radius:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;text-transform:uppercase;height:200px;width:210px;opacity:1;background-color:#ffffff4b;border:1px solid rgba(22,76,167,.6);color:#ffffffab}.app .card button:hover{animation:rotate .7s ease-in-out both;animation-delay:.06s}@media screen and (max-width: 800px){.card{width:80%;height:30%}}@keyframes rotate{0%{transform:rotate(0) translateZ(0)}25%{transform:rotate(3deg) translateZ(0)}50%{transform:rotate(-3deg) translateZ(0)}75%{transform:rotate(1deg) translateZ(0)}to{transform:rotate(0) translateZ(0)}}*{margin:0;padding:0;box-sizing:border-box;height:100vh}