body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--blue:#1e90ff;--white:#fff;--dark:#333;--green:#11780f;--red:#d2300c;--grey:#d9d9d9;--dark-transparent:hsla(0,0%,100%,.5)}.container{align-items:center;display:flex;flex-direction:column}.container-game,.container-nameUser{background:#fff;background:var(--white);border-radius:10px;box-shadow:0 0 3px 3px rgba(0,0,0,.3);margin:2px;min-height:650px;position:absolute;width:360px}.container-nameUser{align-items:center;display:flex;flex-direction:column;justify-content:space-around}.none{display:none}#winner{background-color:#11780f;background-color:var(--green)}#loser,#winner{color:#fff;color:var(--white)}#loser{background-color:#d2300c;background-color:var(--red)}.end-screen h3{font-size:2.2rem;margin-block:10px;margin-top:10px;text-transform:uppercase}.end-screen button{border:none;border-radius:10px;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:1rem;padding:10px;text-transform:uppercase;width:80%}.end-screen span{font-size:3rem}.center{align-items:center;display:flex;flex-direction:column;justify-content:center}h1{background-color:#1e90ff;background-color:var(--blue);border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;color:var(--white);font-size:1.5rem;padding:15px 0;text-align:center}.bloco{padding:15px 0;position:relative;width:100%}.bloco,.placar{align-items:center;display:flex;justify-content:center}.placar{border:2px solid #1e90ff;border:2px solid var(--blue);font-family:Courier New,Courier,monospace;font-size:3rem;font-weight:700;height:76px;width:200px}.label,.placar{border-radius:10px}.label{color:#fff;color:var(--white);font-size:.8rem;font-weight:800;padding:5px;position:absolute;text-align:center;width:60px}.bg-green{background-color:#11780f;background-color:var(--green);left:12%}.bg-red{background-color:#d2300c;background-color:var(--red);right:12%}.bg-grey{background-color:#d9d9d9;background-color:var(--grey);height:180px}.selected-image div{min-height:80px;text-align:center;width:50%}.selected-image div img{max-width:100%}.reverse{-webkit-transform:scaleX(-1);transform:scaleX(-1)}h2{font-size:1.3rem;padding:20px 0;text-align:center;text-transform:uppercase}.buttons{align-items:center;display:flex;justify-content:space-around;position:relative;width:100%}.buttons img{max-width:60%}label{position:relative}.btn{background-color:#d9d9d9;background-color:var(--grey);border:2px solid #1e90ff;border:2px solid var(--blue);border-radius:50%;cursor:pointer;height:100px;transition:.3s;width:100px}[type=radio]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;width:100%}[type=radio]:checked+button{background-color:#1e90ff;background-color:var(--blue)}.btn-play,.btn-play:disabled:hover{background-color:#d9d9d9;background-color:var(--grey);border:2px solid #1e90ff;border:2px solid var(--blue);border-radius:10px;color:#333;color:var(--dark);cursor:pointer;font-size:1rem;font-weight:900;margin-top:20px;padding:10px;text-transform:uppercase;transition:.3s;width:90%}.btn-play:hover{background-color:#1e90ff;background-color:var(--blue);color:#fff;color:var(--white)}.container-nameUser input{border:2px solid #1e90ff;border:2px solid var(--blue);border-radius:10px;padding:10px;width:70%}.container-nameUser input:focus-visible{outline:none}.container-nameUser botton{background-color:#d9d9d9;background-color:var(--grey);border:2px solid #1e90ff;border:2px solid var(--blue);border-radius:10px;color:#333;color:var(--dark);cursor:pointer;display:flex;font-size:1rem;font-weight:700;justify-content:space-around;padding:10px;text-transform:uppercase;width:70%}.container-nameUser botton:hover{background-color:#1e90ff;background-color:var(--blue);color:#fff;color:var(--white);transition:.3s}.container-nameUser img{background-color:#d9d9d9;background-color:var(--grey);border:2px solid #1e90ff;border:2px solid var(--blue);border-radius:10px;padding:10px;width:12em}*{box-sizing:0;margin:0;padding:0}body,html{background-color:#333;font-family:Arial,Helvetica,sans-serif;height:100%;width:100%}
/*# sourceMappingURL=main.37762509.css.map*/