button{width:160px;height:50px;border:1px solid darkred;border-radius:10px;color:#8b0000;font-size:14px;background-color:orange;margin-top:-70px;margin-bottom:-90px}.button:hover{box-shadow:3px 3px 6px #ff4500;font-weight:600;cursor:pointer}@media (max-width: 500px){.button{width:130px;height:40px;font-size:12px}}.card__container{display:flex;justify-content:center;align-items:center;border:1px solid #131622;border-radius:5px 5px 22px;background-color:#faebd7;width:450px;height:150px;position:relative}.card__phrase{font-family:Inter,sans-serif;font-size:18px;position:relative;padding:10px}.card__detail{position:absolute;height:30px;width:22px;rotate:20deg;border-top:1px solid #131622;border-left:1px solid #131622;border-top-left-radius:5px;bottom:-5px;right:3px}@media (max-width: 500px){.card__container{width:360px;height:150px}.card__phrase{font-size:16px}}.global__container{width:160px;height:50px;background-color:#faebd7;opacity:80%;margin-bottom:40px;line-height:50px;border-radius:10px;font-size:16px}@media (max-width: 500px){.global__container{width:130px;height:40px;line-height:40px;font-size:14px}}*,*:before,*:after{box-sizing:border-box;margin:0 auto;padding:0}#root{margin:0 auto;padding:0;text-align:center}.app{margin:0 auto;padding:0;font-family:Orbitron,sans-serif;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:space-between;background-position:center}.title{font-family:Fredoka One,sans-serif;font-size:40px;margin-top:40px;color:#fff;text-shadow:-2px -2px 1px orange,2px 2px 1px orange,-2px 2px 1px orange,2px -2px 1px orange}@media (max-width: 500px){.title{font-size:36px}}@font-face{font-family:Digital-Numbers;src:url(/assets/DS-DIGIT-4d330a54.TTF) format("truetype")}:root{line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;width:100%;height:100vh;overflow:hidden}