@import url(https://fonts.googleapis.com/css2?family=DM+Sans&family=Manrope:wght@800&display=swap);body,html{height:100%}body{background-color:#323a49;color:#cee3e9;font:100% Manrope,sans-serif;font-size:28px;margin:0;text-align:center}body #root{align-items:stretch;min-height:100%}body #root,body #root main{display:flex;flex-direction:column}body #root main{align-items:center;background-color:#4e5d73;border-radius:10px;max-width:450px;padding:1.5em}body #root section{align-items:center;display:flex;flex-grow:1;justify-content:center}body #root section h1{color:#52ffa8;font-family:DM Sans,sans-serif;font-size:13px;letter-spacing:3px;margin:0;text-transform:uppercase}body #root section figure{margin:0}body #root section button{align-items:center;background-color:#52ffa8;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;margin-bottom:-5em;margin-top:2.5em;padding:1.25em}body #root section button:active,body #root section button:hover{box-shadow:0 0 20px 10px rgba(82,255,168,.5)}body #root section button.spin{-webkit-animation:spin 1s linear;animation:spin 1s linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body #root footer{flex-shrink:0}body #root footer .attribution{font-family:DM Sans,sans-serif;font-size:11px;letter-spacing:2px;text-align:center;text-transform:uppercase}body #root footer .attribution a{color:#52ffa8;text-decoration:none}body #root footer .attribution a:hover{color:rgba(82,255,168,.5)}@media (max-width:575px){main{margin:0;max-width:none;padding:1em;width:75%}footer{display:none}}
/*# sourceMappingURL=main.9e5e4ebc.css.map*/