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}input[type=range]{width:100%;background:transparent}input[type=range],input[type=range]::webkit-slider-thumb{-webkit-appearance:none}input[type=range]::-ms-track{width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;border-radius:50%;background:azure;cursor:pointer;margin-top:-6px;box-shadow:1px 1px 3px 1px rgba(0,0,0,.65)}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 3px 1px rgba(0,0,0,.65);border:1px solid #000;height:20px;width:20px;border-radius:50%;background:azure;cursor:pointer;margin-top:-4px}input[type=range]::-ms-thumb{box-shadow:1px 1px 3px 1px rgba(0,0,0,.65);border:1px solid #000;height:20px;width:20px;border-radius:50%;background:azure;cursor:pointer;margin-top:-4px}input[type=range]::-webkit-slider-runnable-track{width:100%;height:10px;cursor:pointer;box-shadow:1px 1px 3px 1px rgba(0,0,0,.65);background:#afeeee;border-radius:2px;border:.2px solid #010101}input[type=range]:focus::-webkit-slider-runnable-track{background:#afeeee}input[type=range]::-moz-range-track{height:10px;cursor:pointer;box-shadow:1px 1px 3px 1px rgba(0,0,0,.65);background:#afeeee;border-radius:5px}input[type=range]::-ms-track{height:10px;cursor:pointer;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#afeeee;border-radius:5px;box-shadow:1px 1px 3px 1px rgba(0,0,0,.65)}input[type=range]:focus::-ms-fill-lower{background:#afeeee}input[type=range]::-ms-fill-upper{background:#afeeee;border-radius:5px;box-shadow:1px 1px 3px 1px rgba(0,0,0,.65)}input[type=range]:focus::-ms-fill-upper{background:#afeeee}.NavBar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#00ced1;padding:.5rem 0 .5rem 1rem;color:#fff}.NavBar-title-container{margin:0;padding:0}.NavBar a{color:inherit;text-decoration:none}.NavBar a:active,.NavBar a:hover{color:hsla(0,0%,100%,.9)}.NavBar-subtitle,.NavBar-title{margin:0;padding:0;text-shadow:1.5px 1.5px 2px rgba(0,0,0,.4)}.NavBar-title{font-size:1.5rem}.NavBar-subtitle{font-size:1.3rem;text-align:center}.NavBar-link-list ul{padding:0;list-style-type:none;display:flex;flex-direction:column;align-items:flex-end;font-size:1.3rem;margin:0 1rem 0 0}@media(min-width:34rem){.NavBar-link-list ul{flex-direction:row}.NavBar-link-list li:not(:last-child){margin-right:1rem}}.About{margin:.5rem 1rem 1rem 2rem}.About h2{margin-top:0;padding-top:0;color:#008b8b;font-size:1.7rem}.About h3{color:#008b8b;font-size:1.5rem}.About a{color:#00ced1;text-decoration:none}.About a:active,.About a:hover{padding-bottom:2px;border-bottom:1.5px solid #00ced1}.About-song-list{padding:0 0 1rem 1rem}.Instructions{margin:.5rem 1rem 1rem 2rem;padding-bottom:.5rem}.Instructions h2{margin-top:0;padding-top:0;color:#008b8b;font-size:1.7rem}.Instructions h3{color:#008b8b;font-size:1.5rem}.Instructions a{color:#00ced1;text-decoration:none}.Instructions a:active,.Instructions a:hover{padding-bottom:2px;border-bottom:1.5px solid #00ced1}.Instructions-input-list{padding:0 0 1rem 1rem;margin-bottom:0}.GameSetup{background-color:#fff;color:#333;box-shadow:3px 3px 6px -3px rgba(0,0,0,.5);padding-bottom:1rem;display:flex;justify-content:center;flex-direction:column}.GameSetup-intro{margin:0 1rem}.GameSetup-title{text-align:center}.GameSetup-btn-container{display:flex;justify-content:center}.GameSetup-btn{background-color:#00ced1;color:#fff;text-transform:uppercase;font-weight:700;border:none;border-radius:5px;padding:.5rem 1.5rem;margin:1.5rem 1rem 0;-webkit-filter:drop-shadow(3px 3px 1px rgba(0,0,0,.4));filter:drop-shadow(3px 3px 1px rgba(0,0,0,.4))}.GameSetup-btn:active,.GameSetup-btn:hover{background-color:#dc143c}.GameSetup-btn:active{-webkit-transform:translateY(1px);transform:translateY(1px)}@media (min-width:34em){.GameSetup-btn-container{justify-content:flex-end}}@media (min-width:50em){.GameSetup-intro{font-size:1.4rem}}.Error{flex-basis:100%}.Error-message{margin:0 0 .5rem;font-size:1.2rem;color:#ff4500;font-weight:400}.SongSelector{display:flex;flex-direction:column;flex-wrap:wrap;margin:1rem}.SongSelector label{margin-right:1rem;font-size:1.2rem}.SongSelector select{font-size:1.2rem;width:100%}.SongSelector .Error{margin-top:.25rem}@media (min-width:49em){.SongSelector label{font-size:1.5rem}.SongSelector{flex-direction:row}}.NumberInput{display:flex;flex-direction:column;align-content:flex-start;flex-wrap:wrap;font-size:1rem;margin:1rem 1rem 0}.NumberInput input{text-align:left;width:100%;padding-left:.25rem}.NumberInput label{margin-right:1rem;flex-grow:1;text-align:left}@media (min-width:49em){.NumberInput{flex-direction:row;font-size:1.5rem}.NumberInput input{width:5rem}}.PreviewSong{margin:0 1rem;background-color:#e0ffff;border:3px solid #00ced1;-webkit-filter:drop-shadow(3px 3px 4px rgba(0,0,0,.35));filter:drop-shadow(3px 3px 4px rgba(0,0,0,.35));border-radius:5px}.PreviewSong h3{font-size:1.2rem;margin:0 .5rem .2rem;font-weight:300}.PreviewSong h4{font-size:1rem;margin:0 .5rem;font-weight:300}.PreviewSong-play-container{display:flex;align-items:center;padding:0;margin:.25rem .5rem 0 .25rem}.PreviewSong-play-button{margin-right:.25rem;border:none;background-color:transparent;color:#00ced1}.PreviewSong-play-button:focus,.PreviewSong-play-button:hover{color:#40e0d0}.PreviewSong-play{font-size:1.2rem;-webkit-filter:drop-shadow(1px 1px 2px rgba(0,0,0,.65));filter:drop-shadow(1px 1px 2px rgba(0,0,0,.65))}.PreviewSong-progress-bar{flex-grow:1;margin-right:.25rem}.PreviewSong-duration{font-size:1rem;margin:0 0 .25rem 1rem;padding:0}@media (min-width:49em){.PreviewSong-duration{font-size:1.2rem}.PreviewSong-play{font-size:1.4rem}.PreviewSong h3{font-size:1.6rem}.PreviewSong h4{font-size:1.3rem}}.ResourceCount{font-size:2rem;display:grid;grid-template-columns:auto auto;grid-column-gap:.5rem;justify-content:space-between;margin-right:.5rem}.ResourceCount-icon{margin-right:.25rem;color:#008b8b;-webkit-filter:drop-shadow(2px 2px 2.5px rgba(0,0,0,.4));filter:drop-shadow(2px 2px 2.5px rgba(0,0,0,.4))}.ResourceCount-number{font-family:Lucida Console,Lucida Sans Typewriter,monospace;margin-right:.5rem;color:#333;text-shadow:2px 2px 2.5px rgba(0,0,0,.8)}@media(min-width:34rem){.ResourceCount{font-size:2.5rem}.ResourceCount-number{margin-right:0}}.GameStatus{display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:0 2rem 2rem}.GameStatus-title{margin-top:3.5rem;padding-top:0;font-size:3rem}.GameStatus-text,.GameStatus-title{text-shadow:1px 1px 2px rgba(0,0,0,.4)}.GameStatus-icon{font-size:9rem;margin-top:1rem;-webkit-filter:drop-shadow(3px 3px 4px rgba(0,0,0,.3));filter:drop-shadow(3px 3px 4px rgba(0,0,0,.3))}.GameStatus-text{font-size:2rem;font-weight:700;margin-top:1rem}.GameStatus-btn{background-color:#00ced1;text-transform:uppercase;font-weight:700;color:#fff;border:none;border-radius:5px;padding:.5rem 1.5rem;margin:1.5rem 1rem 0;width:20rem;-webkit-filter:drop-shadow(3px 3px 1px rgba(0,0,0,.4));filter:drop-shadow(3px 3px 1px rgba(0,0,0,.4))}.GameStatus-btn:active,.GameStatus-btn:hover{background:#dc143c}.GameStatus-btn:active{-webkit-transform:translateY(1px);transform:translateY(1px)}@media(min-width:34rem){.GameStatus-title{font-size:4rem}}@media(min-width:50em){.GameStatus-title{margin-top:0}.GameStatus-text{font-size:2.7rem}.GameStatus-icon{font-size:13rem}}.PlayingGame{display:flex;justify-content:center;margin:0 auto;flex-direction:column}.PlayingGame-info-container{position:relative}.PlayingGame-status{margin:0;text-align:center}.PlayingGame-icon{font-size:5rem}.PlayingGame-resource-list{display:flex;flex-direction:row;position:absolute;top:0;right:0}@media(min-width:34em){.PlayingGame{margin:0 1rem 1rem}}@media(min-width:50em){.PlayingGame-resource-list{flex-direction:column;position:absolute;top:0;right:0;margin-top:.5rem}}.Game{margin:0;padding:0}.App{color:#333;min-height:100vh;background-color:#fff}.App-container{margin:0 auto;max-width:55rem}@media(min-width:34rem){.App{background-color:azure}.App-container{background-color:#fff;box-shadow:3px 3px 4px 1px rgba(0,0,0,.3)}}
/*# sourceMappingURL=main.4d5f15b8.chunk.css.map */