@import url(https://fonts.googleapis.com/css2?family=Nunito&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%}body{background-image:linear-gradient(to top left,#753682,#bf2e34);color:#333;font-family:Nunito,sans-serif;font-weight:400}.app,body{align-items:center;display:flex;height:100vh;justify-content:center}.app{width:100%}.game{-webkit-backdrop-filter:blur(200px);backdrop-filter:blur(200px);background-color:#ffffff59;border-radius:9px;box-shadow:0 3rem 5rem #00000040;display:flex;filter:blur();height:60rem;overflow:hidden;width:100rem}.game,.name{position:relative}.name{font-size:4rem;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase;word-spacing:2px}.name,.score{font-weight:300}.score{color:#c7365f;font-size:8rem;margin-bottom:auto}.current{background-color:#c7365f;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}.player{align-items:center;display:flex;flex:50% 1;flex-direction:column;padding:9rem;transition:all .75s}.player--active{background-color:#fff6}.player--active .name{font-weight:700}.player--active .score{font-weight:400}.player--active .current{opacity:1}.player--winner{background-color:#2f2f2f}.player--winner .name{color:#c7365f;font-weight:700}.dice{box-shadow:0 2rem 5rem #0003;height:10rem;top:16.5rem}.btn,.dice,.game-controls{left:50%;position:absolute;transform:translateX(-50%)}.btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:none;background-color:#fff;background-color:#fff9;border:none;border-radius:50rem;box-shadow:0 1.75rem 3.5rem #0000001a;color:#444;cursor:pointer;font-family:inherit;font-size:1.8rem;font-weight:400;padding:.7rem 2.5rem;text-transform:uppercase;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 #00000026;transform:translate(-50%,3px)}.btn:focus{outline:none}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:disabled:active{transform:translateX(-50%)}
/*# sourceMappingURL=main.4119b7d2.css.map*/