:root{--bg-color:linear-gradient(90deg,#423d55,#817b98);--yellow:#fff000;--blue:#312c40;--red:#eb3a44;--greenish:#76c9dc}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(90deg,#423d55,#817b98);background:var(--bg-color);background-image:url(https://images.pexels.com/photos/139306/pexels-photo-139306.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260);color:#312c40;color:var(--blue)}.container{display:grid;grid-template-columns:auto 560px auto}.game-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column}.playing-bar{color:#fff;padding:20px;margin-top:-5px;background:#000;width:calc(100% - 40px);display:grid;grid-template-columns:50% 50%}.playing-bar button{float:right;height:100%;border:none;color:var(--yellow);font-size:20px;background:var(--blue);cursor:pointer;border:1px solid var(--yellow);outline:none}.playing-bar button[disabled],.playing-bar button[disabled]:hover{opacity:.5;cursor:not-allowed;background:grey;color:#d3d3d3;border:#d3d3d3}.playing-bar button:hover{background:var(--yellow);color:var(--blue)}.labels-container{min-height:50px}.labels-container label{display:block}.you{color:var(--yellow)}.computer,.you{font-size:18px;font-weight:700}.computer{color:var(--red)}.player-info{color:#fff}.player-info:first-of-type{text-align:right}.player-info .player-info-container{height:300px;-webkit-clip-path:ellipse(77% 64% at 23% 36%);clip-path:ellipse(77% 64% at 23% 36%);width:110px;color:#fff}.player-info-container.player1{-webkit-clip-path:ellipse(75% 59% at 75% 41%);clip-path:ellipse(75% 59% at 75% 41%);background:var(--yellow);color:var(--blue);padding:5%;float:right}.player-info>h3{text-transform:capitalize}.player-info-container.player2{padding:5%;text-align:left;float:left;background:var(--red);color:var(--blue)}.rules{padding:10px;margin:0;position:absolute;bottom:0;left:0;max-width:250px;background:var(--greenish)}.rules>a{color:#fff;font-size:20px;font-weight:500}.rules>a:hover{color:var(--blue)}.personal-info{padding:10px;margin:0;position:absolute;bottom:0;right:0;max-width:250px;background:var(--greenish)}.personal-info>a{color:#fff;font-size:20px;font-weight:500}.personal-info>a:hover{color:var(--blue)}.game-wrapper h2{text-align:center;width:100%;background:#000;color:var(--yellow);line-height:57px;height:50px;margin:0}
/*# sourceMappingURL=main.1a9044bc.chunk.css.map */