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}*{margin:0;padding:0}.wrapper{background-color:#222;color:#fff;width:100vw;height:100%;margin:0 auto}.notFull h2{font-size:50px;font-weight:700;margin-top:30px}.notFull h2,.notFull p{background-color:#303030;text-align:center;padding:20px 0}.notFull p{font-size:30px;margin-bottom:50px}.notFull div{background-color:#00bc8c;border:1px solid grey;border-radius:5px;height:30px;text-align:center;padding-top:8px;cursor:pointer}.chick{display:flex;flex-direction:column;align-items:center}.full h2{background-color:#303030;color:#00bc8c;text-align:center;font-size:50px;font-weight:700;padding:20px 0;cursor:pointer}.chick img{width:609px;height:346px;margin:10px 0 23px}@media screen and (max-width:760px){.chick img{width:500px;height:300px;margin:10px 0 23px}}@media screen and (max-width:630px){.chick img{width:400px;height:250px;margin:10px 0 23px}}@media screen and (max-width:455px){.chick img{width:300px;height:200px;margin:10px 0 23px}}@media screen and (max-width:400px){.notFull h2{font-size:30px}.notFull p{font-size:20px}}@media screen and (max-width:360px){.chick img{width:255px;height:170px;margin:10px 0 23px}}.header{height:120px;padding:15px 10% 0}.logo-score{display:flex;justify-content:space-between}.logo{width:200px;height:50px}.score{padding-top:15px}.category{display:flex;justify-content:space-around;background-color:#008966;height:40px;border:none;border-radius:5px;margin-top:15px}.category span{padding:0 8px;margin:8px 0;cursor:pointer}.active{background-color:#00bc8c}@media screen and (max-width:880px){.header{height:175px}.category{flex-wrap:wrap;height:75px;border:none;border-radius:5px;margin-top:15px;padding:10px}.category span{padding:0 10px}}@media screen and (max-width:516px){.header{height:220px}.category{flex-wrap:wrap;height:120px;padding:10px}}@media screen and (max-width:360px){.logo{width:180px;height:40px}.category span{padding:0}}.question{display:flex;height:180px;margin:10px 10%;background-color:#303030;border:none;border-radius:5px}.question-picture{width:200px;height:140px;padding:20px}.question-bird{width:200px;height:140px;border:none;border-radius:10px}.question-voice{width:80%;padding:10px 40px 20px 15px}.question-name{height:40px;font-size:36px;font-weight:700;border-bottom:1px solid grey;padding-bottom:15px}@media screen and (max-width:700px){.question{display:block;height:371px;margin:10px 10%;background-color:#303030;border:none;border-radius:5px}.question-picture{margin:0 auto}.question-voice{padding:10px 20px 20px 15px;margin:0 auto}}@media screen and (max-width:400px){.question-name{font-size:32px}}@media screen and (max-width:350px){.question-name{font-size:29px}}@media screen and (max-width:320px){.question-name{font-size:27px}}.answer{display:flex;justify-content:space-between;height:297px;margin:20px 10% 10px}.choice{width:39%;background-color:#303030;border:1px solid grey;border-radius:5px;list-style-type:none}.example{height:38.4px;font-size:16px;border-radius:.5px;padding:5px 15px;cursor:pointer}.example:hover{background-color:grey}.example:not(:first-child){border-top:1px solid grey}li span{font-size:24px;color:grey;margin-right:10px}.information{width:59%;background-color:#303030;border:1px solid grey;border-radius:5px}.lets-start{padding:15px 30px}.information-wrapper{display:flex}.answer-picture{width:200px;height:140px;padding:20px 20px 10px}.answer-bird{width:180px;height:130px;border:none;border-radius:10px}.answer-voice{width:80%;padding:10px 40px 0 0}.answer-name{height:30px;font-size:25px;font-weight:700}.answer-name,.latin-name{border-bottom:1px solid grey;padding:5px 0 10px}.latin-name{height:20px;font-size:18px;margin-bottom:15px}.answer-about{font-size:14px;text-align:justify;padding:0 20px 5px}.rhap_container{padding:10px 0}.rhap_time{color:#fff}.rhap_progress-indicator,.rhap_volume-indicator{background-color:#008966}.rhap_progress-filled,.rhap_volume-bar{background:linear-gradient(90deg,#00bc8c 0,#3d858c)}.red-dot{color:#bc0038}.green-dot{color:#00bc8c}.grey-dot{color:#303030}@media screen and (max-width:1000px){.answer{display:contents}.choice,.information{width:80%;height:293px;margin:20px 10% 10px}.answer-about{padding:5px 25px}}@media screen and (max-width:630px){.information{height:500px}.information-wrapper{display:block;height:350px;margin:10px 10%;background-color:#303030;border:none;border-radius:5px}.answer-picture{margin:0 auto}.answer-voice{padding:10px 20px 20px 15px;margin:0 auto}}@media screen and (max-width:500px){.information{height:530px}}@media screen and (max-width:400px){.information{height:550px}}@media screen and (max-width:350px){.information{height:580px}.answer-name{font-size:22px}.latin-name{padding-top:10px;font-size:14px}}.footer{height:50px;padding:10px 10%}.footer div{border:1px solid grey;border-radius:5px;height:30px;text-align:center;padding-top:8px;cursor:pointer}.green{background-color:#00bc8c}.grey{background-color:#303030}
/*# sourceMappingURL=main.4a6898ca.chunk.css.map */