*{box-sizing:border-box;margin:0;padding:0}body{background-color:#2f2235;font-family:Roboto,sans-serif;height:100vh;overflow-x:hidden;width:100vw}.App,body{align-items:center;display:flex;flex-direction:column}.App{height:100%;justify-content:center;width:100%}.title{color:#fff;font-size:2rem;letter-spacing:-5px;margin-bottom:5vh;margin-top:5vh}.game-area,.info{align-items:center;display:flex;flex-direction:column}.game-area{width:60vw}.input-div{width:30vw}.answer-area{align-items:center;display:flex;flex-direction:column;justify-content:space-around;width:70vw}.close-button{cursor:pointer;font-size:27px;margin:20px 30px;position:absolute;right:0;top:0;transition:all .3s ease}.close-button:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.left-content{margin-top:-10%}.answer-div{align-items:center;background-color:#60495a;border-radius:10px;display:flex;flex-direction:row;justify-content:space-around;margin:10px 0;padding:10px 0;width:80%}.left-content h1{margin-bottom:30px;text-align:center}.button{align-items:center;border:2px solid #fff;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:700;height:30px;justify-content:center;margin:20px 30px;position:absolute;right:0;top:0;transition:all .3s ease;width:30px}.button:hover{background-color:#fff;color:#2f2235}.infos{align-items:center;height:100%;justify-content:center;width:100%}.info-page,.infos{display:flex;flex-direction:column}.info-page{background-color:#fff;border-radius:10px;color:#000;font-family:Roboto,sans-serif;height:50vh;justify-content:space-around;padding:30px;position:absolute;top:15%;width:50vw;z-index:1}.info-page p{font-size:16px}.div-exemplos{flex-direction:row;justify-content:space-around;margin-left:15%;width:70%}.div-exemplos,.exemplo{align-items:center;display:flex}.exemplo{background-color:#a9aca9;border-radius:10px;justify-content:center;padding:15px;text-align:center;width:20%}.info-page a{color:#000;font-weight:700;text-decoration:none}.compartilhar{align-items:center;background-color:#00acee;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-weight:700;height:auto;justify-content:space-around;margin:10px 0;padding:10px;transition:all .3s ease;width:30%}.compartilhar:hover{background-color:#60495a}@media (max-width:800px){.input-div{width:100%}.answer-div{flex-wrap:wrap;width:90vw}.right-content img{margin-top:40px;width:150px}.info-page{padding:40px 30px;width:90%}.exemplo{width:35%}.compartilhar{width:50%}}.picker{background-color:#fff;border-radius:12px;flex-direction:column;left:0;margin-left:20vw;margin-top:20vh;padding:40px 20px;position:absolute;top:0;width:60vw;z-index:2}.char-pick-div,.picker{align-items:center;display:flex;height:auto;justify-content:space-around}.char-pick-div{background-color:#a9aca9;border-radius:10px;cursor:pointer;flex-direction:row;margin:10px 0;padding:10px;transition:all .3s ease;width:100%}.char-pick-div:hover{background-color:#60495a;color:#fff}.char-pick-div p{width:40%}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#bfc3ba}::-webkit-scrollbar-thumb{background:#60495a}::-webkit-scrollbar-thumb:hover{background:#503e4f}
/*# sourceMappingURL=main.fbdea3f3.css.map*/