@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap);body{--primary:#b123e0;--secondary:#841bf7;--primary-variant:#f71bee;--secondary-variant:#451aed;--highlight:#ed1a7b;--background:#323232;--background-alt:#444;--dark:#0e0e0e;--text:#cdcdcd;--error:#e71d1d;--secondary-font:"Montserrat",sans-serif;--alt-font:"Indie Flower",cursive}#root,body,html{width:100%;height:100%}.App{display:flex;flex-direction:column;flex-grow:1;min-height:100%;height:auto;overflow:hidden}.login-container{display:flex;flex-direction:column;flex:1 1;justify-content:center;color:var(--text);background-color:var(--background)}.login-card{display:flex;flex-direction:column;min-width:200px;height:auto;width:60%;background-color:var(--background-alt);padding:10px;margin-left:auto;margin-right:auto}.login-card-footer,.login-card-header{display:flex;flex-direction:column;align-items:center}.login-card-header>h3{color:var(--primary)}.login-card-main{display:flex;flex-direction:column}.login-card-main>label{color:var(--primary-variant);padding:5px}.login-card-main>input{margin:5px;padding:5px;outline:none;border:1px solid var(--background);background-color:var(--background);color:var(--text)}.login-button{align-self:center}.login-card-main>input:focus{border:1px solid var(--highlight)}.login-link:hover{color:var(--highlight);cursor:pointer}.login-error{color:var(--error)}@media only screen and (max-width:600px){.login-card{width:90%}}.button-container{color:var(--text);font-weight:700;padding:10px;text-align:center;background-color:var(--secondary);cursor:pointer}.button-container:hover{background-color:var(--secondary-variant)}.signup-container{display:flex;flex-direction:column;flex:1 1;justify-content:center;color:var(--text);background-color:var(--background)}.signup-card{display:flex;flex-direction:column;min-width:200px;height:auto;width:60%;background-color:var(--background-alt);padding:10px;margin-left:auto;margin-right:auto}.signup-card-footer,.signup-card-header{display:flex;flex-direction:column;align-items:center}.signup-card-header>h3{color:var(--primary)}.signup-card-main{display:flex;flex-direction:column}.signup-card-main>label{color:var(--primary-variant);padding:5px}.signup-card-main>input{margin:5px;padding:5px;outline:none;border:1px solid var(--background);background-color:var(--background);color:var(--text)}.signup-button{align-self:center}.signup-card-main>input:focus{border:1px solid var(--highlight)}.signup-link:hover{color:var(--highlight);cursor:pointer}.signup-error{color:var(--error)}@media only screen and (max-width:600px){.signup-card{width:90%}}.dash-container{display:flex;position:relative;flex-direction:column;flex:1 1;align-items:center;color:var(--text);background-color:var(--background)}.ecard-container{width:80%;height:150px;border-radius:20px;background-color:#535353;cursor:pointer}.ecard-container,.ecard-icon-container{display:flex;justify-content:center;align-items:center}.ecard-icon-container{padding:10px;border-radius:50%;background-color:#686868}.ecard-container:hover{background-color:#a7a7a7}.ecard-icon-container:hover{background-color:#000}.ecard-icon{font-size:30px}.add-container{position:fixed;width:100%;height:100%;justify-content:center;align-items:center;background-color:rgba(0,0,0,.452)}.add-card,.add-container{display:flex;z-index:1000}.add-card{position:relative;flex-direction:column;min-width:200px;height:auto;width:60%;background-color:var(--background-alt);padding:10px;margin-left:auto;margin-right:auto}.add-close{position:absolute;top:10px;right:10px;font-size:25px;cursor:pointer}.add-card>h4,.add-close:hover{color:var(--primary)}.add-card>h4{align-self:center}.add-card>label{color:var(--primary-variant);padding:5px}.add-card>input{margin:5px;padding:5px;outline:none;border:1px solid var(--background);background-color:var(--background);color:var(--text)}.add-card>input:focus{border:1px solid var(--highlight)}.add-button{margin-top:10px;align-self:center}.add-radio-group>h4{color:var(--primary-variant);padding-left:5px}.add-radio{justify-content:space-between;margin:5px;padding:5px;border:1px solid var(--background);background-color:var(--background);color:var(--text)}.add-radio,.radio-button{display:flex;align-items:center}.radio-button{justify-content:center;width:25px;height:25px;border-radius:50%;border:1px solid var(--primary-variant);cursor:pointer}.selected{width:60%;height:60%;margin:1px;border-radius:50%;background-color:var(--primary)}.add-error{padding-left:5px}.add-error>p{color:var(--error)}.g-container{width:80%;padding:10px;margin-bottom:10px;flex-direction:column;background-color:var(--background-alt);cursor:pointer}.g-container,.g-header{display:flex;justify-content:center}.g-header{position:relative;flex-grow:1;padding:3px;border-bottom:1px solid var(--background)}.g-header>h3{color:var(--primary);margin:0}.g-delete,.g-header>h3:hover{color:var(--primary-variant)}.g-delete{font-size:20px;position:absolute;top:5px;right:5px;cursor:pointer}.g-delete:hover{color:var(--text)}.g-timestamp{display:flex;flex-grow:1;justify-content:flex-end;font-size:.7rem;color:var(--primary-variant)}.fb-container{display:flex;justify-content:center;align-items:center;position:fixed;bottom:16px;right:16px;font-size:30px;background-color:var(--primary);padding:5px;border-radius:50%}.fb-container:hover{background-color:var(--primary-variant)}.nav-container{position:relative;display:flex;color:var(--text);background-color:var(--dark)}.nav-container.hide{display:none}.nav-item{display:flex;flex-grow:1;justify-content:flex-end;padding:5px}.nav-item.header{justify-content:center}.nav-item.footer{position:absolute;right:0;cursor:pointer}.nav-item.footer:hover{color:#fff}.game-container{display:flex;position:relative;flex-direction:column;flex:1 1;align-items:center;color:var(--text);background-color:var(--background)}.game-card{display:flex;flex-direction:column;width:90%;background-color:var(--background-alt);padding:10px;margin:10px auto}.game-card-heading{display:flex;position:relative;align-items:center}.game-card-heading>h3{flex:1 1;text-align:center;margin:5px}.game-icon{position:absolute;right:0;font-size:1.5rem;margin:10px}.game-card>input{margin:5px;padding:5px;outline:none;border:1px solid var(--background);background-color:var(--background);color:var(--text)}.add-btn,.game-card>input{transition:all .2s ease-out}.add-btn{margin:10px;align-self:center}.game-card>input:focus{border:1px solid var(--highlight)}.hide-item{max-height:0;opacity:0;line-height:0;margin:0!important;padding:0!important;overflow:hidden}.add-btn.hide-item,.game-info,.game-info>p,input.hide-item,p.hide-item{transition:all .2s ease-out}.player-container{display:flex;flex-direction:column;width:90%;background-color:var(--background-alt);padding:10px;margin:10px auto;font-family:var(--alt-font)}.player-name{display:flex;padding-bottom:5px;border-bottom:1px solid #ccc}.player-name>h4{flex:1 1;margin:5px}.player-cs{margin:10px 5px 5px;font-size:.8rem;letter-spacing:3px}.player-cs>p{font-family:var(--secondary-font);margin:5px}.player-rounds>h4{margin:0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center}.player-icon{color:var(--primary);padding:5px;font-size:2rem;border:2px solid var(--primary);border-radius:50%;margin-left:15px}.player-icon:hover{color:var(--background-alt);border-color:var(--background-alt);background-color:var(--primary)}.player-scores{display:flex;overflow:scroll}.player-list{min-width:100px}.player-list>h4{margin-top:0;margin-bottom:0;padding:3px 6px}.player-list>h4,.player-list>p{border:1px solid #ccc;border-top:none}.player-list>p{font-family:var(--secondary-font);margin:0;padding:3px;text-align:center}@media only screen and (max-width:600px){.player-list{min-width:60px;font-size:.9rem}}.overlay-container{position:fixed;top:0;left:0;background-color:hsla(0,0%,100%,.25);width:100%;height:100%;z-index:1000;display:flex;justify-content:center;align-items:center}.overlay-card{display:flex;flex-direction:column;padding:10px;width:90%;max-width:500px;background-color:var(--background-alt)}.overlay-card>h3{align-self:center}.overlay-card>input{margin:5px;padding:5px;outline:none;border:1px solid var(--background);background-color:var(--background);color:var(--text)}.overlay-card>input:focus{border:1px solid var(--highlight)}.overlay-card>label{align-self:center;color:var(--primary-variant);padding:3px 3px 3px 5px;font-size:.9rem}.overlay-btn{background-color:var(--primary)}#score{border-radius:5px;text-align:center;font-size:5rem;align-self:center;width:60%;min-height:100px;max-width:300px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"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}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}
/*# sourceMappingURL=main.62ad2343.chunk.css.map */