*{box-sizing:border-box}body{font-family:Karla,sans-serif;margin:0}.container{align-items:center;background:#e5e5e5;display:flex;height:100vh;justify-content:center}.app-container{background-color:#0b2434;color:#fff;gap:20px;height:600px;position:absolute;width:470px}.app,.app-container{align-items:center;border-radius:10px;display:flex;flex-direction:column;justify-content:center}.app{background-color:#f5f5f5;gap:45px;height:420px;position:relative;width:400px}.header-info{display:flex;gap:5px}.dice-container{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template:auto auto/repeat(5,1fr);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-items:center;justify-self:flex-end;padding:5px}.rules{align-items:center;color:#0b2434;display:flex;flex-direction:column;justify-content:center}.rules h2{font-size:40px;margin:0 0 10px;padding:0}.rule-sheet{color:#444;font-size:12px;margin-top:0;padding:5px 60px 0}.die,.hold-die{align-items:center;border-radius:10px;box-shadow:0 2px 2px rgba(0,0,0,.15);cursor:pointer;display:flex;height:50px;justify-content:center;width:50px}.die{background-color:#fff;color:#0b2434}.hold-die{background-color:#59e391;color:#0b2434}.die-value{font-size:2rem}.roll-btn{background-color:#5035ff;border:none;border-radius:6px;color:#f5f5f5;font-family:Karla,sans-serif;font-size:1.2rem;height:50px;width:150px}.roll-btn:focus{outline:none}.roll-btn:hover{cursor:pointer}.roll-btn:active{box-shadow:inset 5px 5px 10px -3px rgba(0,0,0,.7);-webkit-transform:scale(101%);transform:scale(101%);transition:ease-in-out,.2s}.timer{border:3px solid #555;border-radius:50%;color:blue;font-size:30px;font-weight:700;height:30px;padding:20px;width:30px}.btn-timer,.timer{align-items:center;display:flex;justify-content:center}.btn-timer{gap:20px}.info-btn{color:#555;height:20px;width:20px}.high-scores-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.high-scores{align-content:center;background-color:#f5f5f5;border-radius:10px;color:#555;display:grid;font-size:20px;grid-template-columns:4fr 1fr;grid-template-rows:auto;height:50px;justify-items:center;position:relative;width:400px}
/*# sourceMappingURL=main.d138918a.css.map*/