@import url(https://fonts.googleapis.com/css2?family=Nunito&display=swap);*{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%}body{background-image:linear-gradient(to top left,#02867b,#059e33);color:#333;font-family:Nunito,sans-serif;font-weight:400;height:100vh;justify-content:center}.player,body{align-items:center;display:flex}.player{flex:50% 1;flex-direction:column;padding:9rem;transition:all .75s}.name{font-size:4rem;letter-spacing:1px;margin-bottom:1rem;position:relative;text-transform:uppercase;word-spacing:2px}.name,.score{font-weight:300}.score{color:#067c45;font-size:8rem;margin-bottom:auto}.player--active{background-color:hsla(0,0%,100%,.4)}.player--active .name{font-weight:700}.player--active .score{font-weight:400}.player--active .current{opacity:1}.current{background-color:#078b49;border-radius:9px;color:#fff;opacity:.8;padding:2rem;text-align:center;transition:all .75s;width:65%}.current-label{color:#ddd;font-size:1.7rem;margin-bottom:1rem;text-transform:uppercase}.current-score{font-size:3.5rem}main{-webkit-backdrop-filter:blur(200px);backdrop-filter:blur(200px);background-color:hsla(0,0%,100%,.35);border-radius:9px;box-shadow:0 3rem 5rem rgba(0,0,0,.25);display:flex;-webkit-filter:blur();filter:blur();height:60rem;overflow:hidden;position:relative;width:100rem}.btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:none;background-color:#fff;background-color:hsla(0,0%,100%,.6);border:none;border-radius:50rem;box-shadow:0 1.75rem 3.5rem rgba(0,0,0,.1);color:#444;cursor:pointer;font-family:inherit;font-size:1.8rem;font-weight:400;left:50%;padding:.7rem 2.5rem;position:absolute;text-transform:uppercase;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .2s}.btn:first-letter{display:inline-block;font-size:2.4rem;margin-right:.7rem}.btn--new{top:4rem}.btn--roll{top:39.3rem}.btn--hold{top:46.1rem}.btn:active{box-shadow:0 1rem 2rem rgba(0,0,0,.15);-webkit-transform:translate(-50%,3px);transform:translate(-50%,3px)}.btn:focus{outline:none}.dice{box-shadow:0 2rem 5rem rgba(0,0,0,.2);height:10rem;left:50%;position:absolute;top:16.5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.player--winner{background-color:#2f2f2f}.player--winner .name{color:#078b49;font-weight:700}.hidden{display:none}
/*# sourceMappingURL=main.ea1dc0b4.css.map*/