:root{--color-grey-dark:#303030;--color-green-dark:#008966;--color-green:#00bc8c;--color-green-light:#20c997;--color-grey-light:#555;--color-grey:#444;--color-white:#fff;--color-red:#d62c1a;--color-green-dark-2:#3d858c}body{background-color:#222;font-weight:400;color:#fff;color:var(--color-white);line-height:1.5;font-family:"Lato",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:18px}.App-wrapper{margin:0 auto;padding:10px;max-width:1140px;display:flex;flex-direction:column}.Header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.Header-logo{height:100px;width:200px}.Header-score{align-items:center;font-weight:600;font-size:18.75px}.Header-score,.Navigation{display:flex;flex-direction:row;justify-content:space-between}.Navigation{margin-bottom:2rem;flex-wrap:wrap;font-size:15px;border-radius:5px;overflow:hidden}.NavigationElement{background-color:#008966;background-color:var(--color-green-dark);flex:auto;text-align:center;width:125px;height:50px;display:flex;align-items:center;justify-content:center}.NavigationElement--active{background-color:#00bc8c;background-color:var(--color-green)}.CurrentQuestion{background-color:#303030;background-color:var(--color-grey-dark);display:flex;flex-direction:row;padding:20px 65px 20px 20px;margin-bottom:2rem}.CurrentQuestion-logo{height:10rem;border-radius:10px;margin-right:30px}.CurrentQuestion-control-panel{display:flex;flex-direction:column;width:calc(100% - 240px)}.CurrentQuestion-bird-name{font-weight:600;font-size:32px;border-bottom:1px solid #555;border-bottom:1px solid var(--color-grey-light);margin-bottom:10px}.choices-and-answer-wrapper{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px}.Choices{width:50%;list-style:none;padding:0;margin:0 10px 0 0}.ChoicesElement{cursor:pointer;background-color:#303030;background-color:var(--color-grey-dark);border:1px solid #555;border:1px solid var(--color-grey-light);padding:15px 20px;font-size:15px}.ChoicesElement:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.ChoicesElement:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.ChoicesElement-dot,.ChoicesElement:hover{background-color:#555;background-color:var(--color-grey-light)}.ChoicesElement-dot{display:inline-block;width:10px;height:10px;margin-right:15px;border-radius:50%}.ChoicesElement-dot--green{background-color:#00bc8c;background-color:var(--color-green)}.ChoicesElement-dot--red{background-color:#d62c1a;background-color:var(--color-red)}.CurrentBird{width:50%;margin-left:10px;background-color:#303030;background-color:var(--color-grey-dark);border:1px solid #555;border:1px solid var(--color-grey-light);border-radius:5px;padding:16px}.CurrentBird-text{display:block;font-size:15px}.CurrentBird-row{display:flex;flex-direction:row}.CurrentBird-row:not(:last-child){margin-bottom:20px}.CurrentBird-logo{height:155px;width:200px;border-radius:10px;margin-right:32px}.CurrentBird-information{width:100%}.CurrentBird-name{font-size:22.5px}.CurrentBird-latin-name{font-size:15px;border-top:1px solid #555;border-top:1px solid var(--color-grey-light);border-bottom:1px solid #555;border-bottom:1px solid var(--color-grey-light);padding:4px;margin-bottom:10px}.CurrentBird-description{font-size:15px}.NextButton{display:flex;flex-grow:1;justify-content:center;border-radius:5px;border:1px solid #555;border:1px solid var(--color-grey-light);background-color:#303030;background-color:var(--color-grey-dark);color:#fff;color:var(--color-white);padding:10px;cursor:auto;font-size:18px;outline:none}.NextButton--active{background-color:#00bc8c;background-color:var(--color-green);cursor:pointer;transition:all .2s}.NextButton--active:hover{background-color:#20c997;background-color:var(--color-green-light)}.GameOver{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;color:var(--color-white);padding:64px 32px;background-color:#303030;background-color:var(--color-grey-dark)}.GameOver-heading{font-size:72px;margin:0 0 8px}.GameOver-text{font-size:18.75px;margin-bottom:40px;text-align:center}.GameOver-button{display:flex;justify-content:center;border-radius:5px;border:1px solid #555;border:1px solid var(--color-grey-light);background-color:#00bc8c;background-color:var(--color-green);color:#fff;color:var(--color-white);padding:15px;cursor:pointer;font-size:15px;outline:none;width:100%;transition:all .2s;margin:20px 0}.GameOver-button:hover{background-color:#20c997;background-color:var(--color-green-light)}.GameOver-image{max-width:300px}.App-wrapper .rhap_container{position:relative;height:52px;padding:0;background-color:transparent;box-shadow:none;outline:none}.App-wrapper .rhap_progress-container{margin:0;outline:none}.App-wrapper .rhap_progress-filled{background:linear-gradient(90deg,#20c997 0,#3d858c);background:linear-gradient(90deg,var(--color-green-light) 0,var(--color-green-dark-2))}.App-wrapper .rhap_progress-indicator{top:-6px;width:16px;height:16px;background-color:grey;box-shadow:0 0 4px 0 rgba(0,0,0,.2)}.App-wrapper .rhap_progress-section{position:relative}.App-wrapper .rhap_time{position:absolute;font-size:11px;color:#d3d3d3}.App-wrapper .rhap_current-time{left:0;top:40px}.App-wrapper .rhap_total-time{right:0;top:40px}.App-wrapper .rhap_volume-indicator{top:-6px;width:16px;height:16px;background-color:grey;box-shadow:0 0 4px 0 rgba(0,0,0,.2)}.App-wrapper .rhap_volume-bar-area,.App-wrapper .rhap_volume-button{outline:none}.App-wrapper .rhap_volume-button svg{color:#00bc8c;color:var(--color-green)}.App-wrapper .rhap_volume-container{margin-right:20px}.App-wrapper .rhap_play-pause-button{position:absolute;left:0;top:8px;margin:0;border:2px solid #00bc8c;border:2px solid var(--color-green);border-radius:50%;outline:none}.App-wrapper .rhap_play-pause-button:after{content:"";position:absolute;width:18px;height:18px;top:50%;left:50%;transform:translate(-50%,-50%)}.App-wrapper .rhap_play-pause-button[aria-label=Play]:after{content:url(/static/media/play.3063680c.svg);top:-2px}.App-wrapper .rhap_play-pause-button[aria-label=Pause]:after{content:url(/static/media/pause.2b6ac0c2.svg);top:-1px}.App-wrapper .rhap_play-pause-button svg{display:none}.CurrentBird .rhap_main{display:flex;flex-direction:column}.CurrentBird .rhap_progress-section{margin-bottom:45px}.CurrentBird .rhap_current-time,.CurrentBird .rhap_total-time{top:30px}.CurrentBird .rhap_play-pause-button{top:55px}.CurrentBird .rhap_volume-container{margin-right:0}@media (max-width:900px){.App-wrapper{padding:0 25px}.GameOver-heading{font-size:48px}.CurrentBird-row{flex-direction:column}.CurrentBird-logo{margin:0 auto 25px}.CurrentBird-description{margin-top:40px}.App-wrapper .rhap_main{flex-direction:column}.App-wrapper .rhap_progress-section{margin-bottom:45px}.App-wrapper .rhap_current-time,.App-wrapper .rhap_total-time{top:30px}.App-wrapper .rhap_play-pause-button{top:55px}.App-wrapper .rhap_volume-container{margin-right:0}}@media (max-width:600px){.App-wrapper{padding:0 5px}.CurrentQuestion{flex-direction:column;padding:20px;height:325px}.CurrentQuestion-logo{height:155px;width:200px;margin:0 auto 20px}.CurrentQuestion-bird-name{text-align:center}.CurrentQuestion-control-panel{width:100%}.choices-and-answer-wrapper{flex-direction:column}.Choices{width:100%;margin-bottom:40px;margin-right:0}.CurrentBird{width:100%;margin-left:0;box-sizing:border-box}.CurrentBird-row{align-items:center}.CurrentBird-logo{margin:0 0 25px}.CurrentBird-latin-name,.CurrentBird-name{text-align:center}.GameOver-heading{font-size:32px}.NextButton{margin-bottom:25px}}
/*# sourceMappingURL=main.c1a32797.chunk.css.map */