*{box-sizing:border-box}body{margin:0;padding:0}.app{font-family:sans-serif;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding-top:50px;padding-left:50px;padding-right:50px;background:#478aef;color:#cadbf5}h1,h2,h3,h4,h5,h6{font-family:"Varela Round",sans-serif}.info{width:100%;display:flex;justify-content:space-around;align-items:center;margin-bottom:50px}.info h2{font-size:18px;margin-top:0;margin-bottom:0;text-align:center}.wins-losses{justify-content:flex-end;font-family:"Varela Round",sans-serif;font-size:16px;text-align:center;line-height:1}.losses,.wins,.wins-losses{display:flex;align-items:center}.losses .number,.wins .number{font-size:52px;margin-right:5px}.wins{margin-right:30px}.wins .number{color:#5dc674}.losses .number{color:#da516f}.choices{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center;grid-gap:20px;font-family:"Varela Round",sans-serif;font-size:18px;color:#5f99f0}.choices>div{display:flex;flex-direction:column;align-items:center;justify-content:center}.vs{width:100px;font-size:100px;opacity:.25;-webkit-transform:rotate(-36deg);transform:rotate(-36deg);pointer-events:none}.choices button{cursor:pointer;font-size:50px;margin-bottom:20px;padding:20px;background:#fff;outline:none;border:none;border-radius:50%;height:100px;width:100px;-webkit-transition:all .1s ease;transition:all .1s ease}.choices button:hover{-webkit-transform:scale(1.07);transform:scale(1.07);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.choices .rock{background:#f7941a}.choices .rock path{fill:#815116}.choices .paper{background:#8dc351}.choices .paper path{fill:#3f5e1b}.choices .scissors{background:#7c79ea}.choices .scissors path{fill:#2f2c8f}.choices .computer-choice{background:#333;color:#bbb}.choices .computer-choice path{fill:#bbb}.game-state{background:rgba(0,0,0,.5);position:absolute;top:0;left:0;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1.3;font-family:"Varela Round",sans-serif}.game-state.win>div{background:#8dc351;color:#e2f3ce}.game-state.win svg path{fill:#e2f3ce}.game-state.draw>div{background:#000;color:#585858}.game-state.draw svg path{fill:#585858}.game-state.lose>div{background:#da516f;color:#f0a9b8}.game-state.lose svg path{fill:#f0a9b8}.game-state>div{width:60%;text-align:center;padding:0 40px;border-radius:10px;z-index:1;color:#fff;font-size:60px}.game-state-content{display:flex;justify-content:center}.game-state-content p{margin:40px 15px 30px 0;display:flex;align-items:center}.game-state-content svg{width:100px}.game-state button{margin-bottom:-5%;width:100%;display:block;border:none;border-radius:10px;padding:25px;font-size:30px;cursor:pointer;flex-shrink:1;background:#fa65ff;color:#fdedfd}
/*# sourceMappingURL=main.c17a1eaf.chunk.css.map */