*{box-sizing:border-box}body{background-color:#f6f7eb;text-align:center;line-height:1.5;font-size:18px}a,button{cursor:pointer}a:active,a:focus,a:hover{border-bottom:3px solid #06d6a0}.red-error{color:red}.error-boundary,.not-found{margin-top:100px}footer,nav{padding:1% 0}.nav-top{background-color:#a3f7bf;box-shadow:0 1px 10px #999;text-align:center;position:fixed;display:flex;justify-content:space-between;align-items:center;height:60px;top:0;left:0;right:0;z-index:1;padding-left:10px;padding-right:10px}.app-name{color:#0f7425;font-size:1.85em;font-family:"Delius","Arial","Helvetica",sans-serif}.app-name>span{color:#000}.nav-top-links{min-width:125px;max-width:150px;display:flex;justify-content:space-between;align-items:baseline;text-decoration:none}.nav-top-links>a{font-family:"Open Sans","Arial","Helvetica",sans-serif;text-decoration:none;font-size:1em;padding:2px;color:#000}.dashboard-link,.nav-top-links>a:active,.nav-top-links>a:focus{border-bottom:3px solid #06d6a0}.nav-show-logout-links{max-width:155px}@media screen and (min-width:768px){.nav-top{padding-left:30px;padding-right:30px}.nav-show-logout-links{max-width:175px}.nav-top-links>a{font-size:1.1em;margin-right:10px}.nav-show-login-links{-webkit-animation:slideInFromRight 4s ease 0s 1;animation:slideInFromRight 4s ease 0s 1}@-webkit-keyframes slideInFromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideInFromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}}.banner-and-features{width:100%}.banner-section{background-color:#a3f7bf;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%;align-items:center;-webkit-animation:slideInFromLeft 4s ease 0s 1;animation:slideInFromLeft 4s ease 0s 1}@-webkit-keyframes slideInFromLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideInFromLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.banner{background-color:#a3f7bf;height:250px;padding:60px 15px}.banner>h1{font-family:"Delius","Arial","Helvetica",sans-serif;font-size:1.75em;width:290px;margin:20px auto}.dice{font-size:1.05em;transform:rotate(20deg);-webkit-animation:rotation 7s ease 1;animation:rotation 7s ease 1}@-webkit-keyframes rotation{0%{color:#000;transform:rotate(0deg)}to{color:red;transform:rotate(379deg)}}@keyframes rotation{0%{color:#000;transform:rotate(0deg)}to{color:red;transform:rotate(379deg)}}.green{color:#06d6a0}.green:hover{color:#0f7425}.mobile-img{width:250px;margin:0 auto;border-radius:38px;box-shadow:0 8px 6px -6px grey;-webkit-box-shadow:0 8px 6px -6px grey;-moz-box-shadow:0 8px 6px -6px grey}section{height:200px;padding:20px}.features{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-size:.9em;-webkit-animation:fadeInAnimation 6.5s ease-in forwards;animation:fadeInAnimation 6.5s ease-in forwards}@-webkit-keyframes fadeInAnimation{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@keyframes fadeInAnimation{0%{opacity:0}50%{opacity:.5}to{opacity:1}}.features>h2{font-family:"Delius","Arial","Helvetica",sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:space-around;line-height:1.5em;min-height:120px}.login-header,.signup-header{height:140px;display:flex;flex-direction:column;padding-top:30px}.new-user{margin:0;font-size:1.5em}.signup-info{font-size:1.1em}.login-header>h2{margin:0}.login-form>div>label,.signup-form>div>label{font-weight:600;text-align:left}#signup{min-height:500px;background-color:#f4e76e;padding:20px 0;display:flex;justify-content:center;align-items:center}.signup-section{background-color:#f6f7eb;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:1px solid #d3d3d3;border-radius:10px;display:flex;flex-direction:column;justify-content:space-around;height:500px;width:300px}#login{min-height:360px;background-color:#a3f7bf;padding:20px 0;display:flex;justify-content:center;align-items:center}.login-section{background-color:#f6f7eb;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:1px solid #d3d3d3;border-radius:10px;height:500px;width:300px;margin:0 auto}.login-label-input,.signup-label-input{display:flex;flex-direction:column;justify-content:space-around;min-height:80px;margin:40px auto}#counter-number,#game_name,#group_name,#new_group_name,#player_name{font-size:1.2em;padding-left:3px;border-radius:3px;border:1px solid grey}.login-error,.signup-error{width:100%;height:55px}button{background-color:#fff;border-radius:5px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:1px solid #d3d3d3;display:inline-block;color:#000;font-family:"Open Sans","Arial",sans-serif;font-size:1.2em;font-weight:700;padding:5px 20px}button:focus,button:hover{background-color:#06d6a0;color:#fff}@media screen and (min-width:767px){.banner-and-features{display:flex;margin-top:60px;height:calc(100vh - 60px);min-height:500px}.banner-section{height:100%;width:55%}.banner{height:277px}.banner>h1{margin:auto}.mobile-img{width:250px;transform:rotate(-18deg)}.features{display:flex;flex-direction:column;justify-content:space-around;height:100%;width:45%}#signup{position:relative}}@media screen and (min-width:1023px){.banner>h1{width:350px}}@media screen and (min-width:1023px) and (min-height:712px){#login,#signup{height:calc(100vh - 60px)}}@media screen and (min-width:1365px) and (min-height:1023px){#login,#signup{height:calc(100vh - 60px)}.mobile-img{width:280px}}.popup-success{position:fixed;display:flex;flex-direction:column;justify-content:space-around;min-height:80px;width:280px;height:280px;top:0;left:0;right:0;bottom:0;margin:auto;background-color:#fff;border:1px solid #999;border-radius:10px;box-shadow:0 0 10px 4px hsla(0,0%,46.7%,.6);-moz-box-shadow:0 0 10px 4px hsla(0,0%,46.7%,.6);-webkit-box-shadow:0 0 10px 4px hsla(0,0%,46.7%,.6)}.popup-success>button{width:50%;margin:0 auto}.spinner-loading{position:fixed;border:16px solid #a3f7bf;border-top-color:#06d6a0;border-radius:50%;top:0;left:0;right:0;bottom:0;margin:auto;width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;z-index:1}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}footer{display:flex;text-align:center;color:#000;background-color:#f4e76e}footer>p{font-family:"Open Sans","Arial",sans-serif;margin:0 auto;padding:10px 0}.version-number{position:absolute;right:5px}.dashboard-header{display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin-top:60px;padding-bottom:20px;width:100%;height:140px}.start-game-link{background-color:#fff;border:1px solid #06d6a0;border-radius:3px;box-shadow:0 3px 10px 5px hsla(0,0%,46.7%,.4);-moz-box-shadow:0 3px 10px 5px hsla(0,0%,46.7%,.4);-webkit-box-shadow:0 3px 10px 5px hsla(0,0%,46.7%,.4);color:#000;font-size:1.2em;padding:3px;line-height:1.2em;text-decoration:none}.start-game-link:hover{background-color:#06d6a0;color:#fff}.all-games{background-color:#a3f7bf;min-height:300px;padding:8px;border-radius:5px}.all-games,.games-played{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%;display:flex;flex-direction:column;justify-content:space-around}.games-played{padding:10px;text-align:center;margin:0 auto}.game-links{display:flex;flex-direction:column}.game-links>a{background-color:#fff;border:1px solid #ddd;border-radius:3px;box-shadow:0 3px 10px 5px hsla(0,0%,46.7%,.4);-moz-box-shadow:0 3px 10px 5px hsla(0,0%,46.7%,.4);-webkit-box-shadow:0 3px 10px 5px hsla(0,0%,46.7%,.4);color:#000;display:flex;justify-content:space-between;align-items:center;display:-webkit-flex;-webkit-justify-content:space-between;min-height:65px;line-height:1.5em;margin-bottom:5px;text-decoration:none;padding:0 5px 0 15px}.game-links>a:active,.game-links>a:focus,.game-links>a:hover,.game-links>a>span:active,.game-links>a>span:focus,.game-links>a>span:hover{background-color:#06d6a0;color:#fff}.game-name{font-size:1.05em;font-weight:600}.game-date{font-size:.83em;color:#636161}.pagination{display:inline-block;width:284px;margin:10px auto}.page-number{border:1px solid #ddd;border-radius:10px;background-color:#fff;font-size:1.05em;padding:7px 15px;margin:0 2px}.two-dice:hover{color:red;-webkit-animation:shake .5s;animation:shake .5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}@media screen and (min-width:375px){.games-played{width:375px}}@media screen and (min-width:768px){.games-played{width:450px}.pagination{width:400px}}@media screen and (min-width:1024px){.games-played{width:550px}.game-links>a{padding-left:25px;padding-right:8px}.game-name{font-size:1.1em}.game-date{font-size:.9em}.pagination{width:500px}}.go-back-stats-button{margin:20px auto 50px}.game-stats-header{margin-top:80px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.game-stats-header>h2{font-size:1.2em;font-weight:400}.pie-chart{background-color:#f6f7eb;width:320px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 auto}.game-edit-delete-buttons{height:50px;display:flex;justify-content:space-around;align-items:baseline;margin:30px auto 50px;padding-top:3px;padding-bottom:3px}.delete-game-button,.edit-game-button{color:#000;border-radius:3px;background-color:#fff;height:40px;line-height:normal;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:1px solid #d3d3d3;text-decoration:none;font-size:1.2em;padding:5px}.edit-game-button:hover{background-color:#06d6a0;color:#fff}.delete-game-button{font-weight:100}.delete-game-button:focus,.delete-game-button:hover{background-color:#f80008}.scores-table-section{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px;text-align:center;width:100%;max-width:530px;margin:0 auto}.player-list{overflow-x:auto}#game-results{width:100%;border-collapse:collapse}#game-results th,#game-results tr{background-color:#fff;text-align:center}#game-results th{background-color:#a3f7bf}#game-results td,#game-results th{border:1px solid #aaa;padding:2px}@media screen and (min-width:768px){.scores-table-section{width:530px}.game-edit-delete-buttons{width:50%;max-width:447px}}@media screen and (min-width:1024px){.table-and-chart{display:flex;margin:0 auto;width:90%;max-width:980px}.pie-chart{width:350px}}@media screen and (min-width:1366px){.table-and-chart{display:flex;margin:0 auto;width:80%}.pie-chart{width:360px}}.create-scoresheet{display:flex;flex-direction:column;margin-top:60px;height:500px}.create-scoresheet-section{background-color:#a3f7bf;height:300px;width:320px;border-radius:3px;box-shadow:0 3px 10px 5px hsla(0,0%,46.7%,.4);-moz-box-shadow:0 3px 10px 5px hsla(0,0%,46.7%,.4);-webkit-box-shadow:0 3px 10px 5px hsla(0,0%,46.7%,.4);margin:0 auto}.create-scoresheet-header{padding:0;height:100px}.create-scoresheet-header>h1{font-size:1.7em}.create-score-sheet-form{margin:0 auto 20px;height:100%;width:80%;display:flex;flex-direction:column;justify-content:space-around}.create-score-sheet-form>label{font-size:1.3em}.go-back-button{margin:30px auto 20px}.game-header{margin-top:80px}.game-header>h1{margin-bottom:0}.score-sheet{background-color:#a3f7bf;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:20px;padding:20px 2px 2px}.score-sheet>button{margin:30px auto}.score-sheet-form{margin:0 auto 20px;height:300px;width:50%;flex-direction:column}.player-score-input,.score-sheet-form{display:flex;justify-content:space-around}.player-score-input{height:70px;align-items:center}.player-score-input>label{font-size:1.3em;margin-right:5px}.player-score-input>input{height:60px;width:150px;font-size:2em;text-align:right}.change-counter-number{background-color:#f4e76e;height:105px;line-height:1.8em}#counter-number{text-align:right;margin-left:5px;width:100px;padding-right:5px}.delete-cancel-button{margin:50px auto}.player-error{height:50px}@media screen and (min-width:568px){.change-counter-number{height:76px}}.add-player-section{background-color:#a3f7bf;display:flex;flex-direction:column;text-align:center;margin-top:10px;height:250px;width:100%}.add-player-section>form{display:flex;flex-direction:column;justify-content:space-around;height:100%}.add-player-section>form>label{font-size:1.12em}.add-player-button{font-size:1.1em;padding:5px 20px;margin:0 auto}@media screen and (min-width:418px){#player_name{margin:0 auto;width:360px}}@media screen and (min-width:768px){.add-player-section{height:110px}.add-player-section>form{flex-direction:row;align-items:center;width:580px;margin:0 auto}#player_name{margin-left:5px;width:250px}.add-player-button{font-size:1em}}.score-counter{display:flex;justify-content:space-around;align-items:center;width:100%}.score{padding:3px}.decrease-button,.increase-button{font-size:1em;font-weight:400;max-width:120px;padding:5px 8px}.decrease-button{background-color:#f80008;color:#fff}.increase-button{background-color:#06d6a0;color:#fff}.decrease-button:focus,.decrease-button:hover,.increase-button:focus,.increase-button:hover{background-color:#fff;color:#000}@media screen and (min-width:768px){.decrease-button,.increase-button{padding:6px 10px}}.player{display:flex;justify-content:space-around;align-items:center;width:100%;background-color:#fff;box-shadow:0 3px 10px 5px hsla(0,0%,46.7%,.1);-moz-box-shadow:0 3px 10px 5px hsla(0,0%,46.7%,.1);-webkit-box-shadow:0 3px 10px 5px hsla(0,0%,46.7%,.1);border:1px solid #aaa;border-radius:3px;padding:3px;font-size:1.15em;margin-bottom:3px}.delete-player{margin-right:5px;font-size:.7em;padding:0 8px}.delete-player:focus,.delete-player:hover{background-color:#f80008}.player-name{display:flex;width:60%}.player-score{display:flex;width:49%}@media screen and (min-width:736px){.player{width:580px;margin:5px auto}.delete-player{margin-right:10px}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Open Sans","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
/*# sourceMappingURL=main.73e06563.chunk.css.map */