@import"https://fonts.googleapis.com/css2?family=Nunito&display=swap";*{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%;box-sizing:border-box}body{font-family:"Nunito",sans-serif;height:100vh;background-image:linear-gradient(to top left, #8d37cf 0%, #1ec3b0 80%, #42e6b2 100%);display:flex;justify-content:center;align-items:center}#number-btn-container{display:flex;flex-wrap:nowrap;justify-content:center}.number-btn{width:100px;height:200px;text-align:center;padding-top:12rem;font-size:4rem;font-weight:bold;margin-right:10px;background-color:#fff;box-shadow:0 1rem 2rem rgba(0,0,0,.25);border-radius:4px;cursor:pointer;transition:all .05s ease-in}.number-btn:hover{box-shadow:0 1rem 1rem rgba(0,0,0,.25)}.number-btn.active{background-color:#340856;box-shadow:0 0 0 rgba(0,0,0,.25);color:#691aa4;transform:scale(0.98);cursor:default}.number-btnfield:last-child{margin-right:0}.players{display:flex;justify-content:center}.player{background-color:rgba(255,255,255,.3);box-shadow:0 3rem 5rem rgba(0,0,0,.1);text-align:center;border-radius:10px;padding:40px 0 60px;width:800px;transition:all .15s ease-out}.player.active{background-color:#fff;box-shadow:0 3rem 5rem rgba(0,0,0,.25)}h2{margin-bottom:40px}.score{font-size:60px}.middle{max-width:300px;margin:0 10px}.dice-container{display:flex;justify-content:center;margin-bottom:10px}.dice{width:150px;height:150px;text-align:center;line-height:150px;font-size:40px;border-radius:10px;background-color:#fff}.dice--0{margin-right:5px}.dice--1{margin-left:5px}.btn-container{display:flex;flex-direction:column}button#btnRoll{border:none;font-weight:bold;font-size:20px;padding:14px 0;margin-bottom:10px;background-color:#e7e30a;box-shadow:0 3rem 5rem rgba(0,0,0,.25);border-radius:10px;cursor:pointer;transition:background-color .15s ease-out}button#btnRoll:hover{background-color:#ccc808}button#btnRoll.inactive{background-color:rgba(231,227,9,.5);cursor:default}button#btnReset{border:none;padding:11px;border-radius:10px;background-color:none;cursor:pointer;transition:all .15s ease-out;background-color:#fff}button#btnReset:hover{background-color:#d7d7d7}button#btnReset.inactive{cursor:default;background-color:rgba(255,255,255,.3)}.info-section{text-align:center;color:#af73dd;padding:16px;border-radius:100px;margin:20px 0;background-color:#6618a2;box-shadow:0 3rem 5rem rgba(0,0,0,.25);transition:background-color .5s ease-out}.info-section.active{background-color:#8a36cb}.info-section .info{font-size:1.4rem}#playground{width:90vw;max-width:1000px;background-image:linear-gradient(to top left, #480d76 0%, #6618a2 100%);box-shadow:0 3rem 5rem rgba(0,0,0,.5);border-radius:9px;padding:30px}