*{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Roboto"}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;background-color:#2c0e3a}.match-game-navbar{background-color:#2c0e3a;padding:10px}.match-game-navbar,.navbar-data-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.navbar-data-container{color:#fff;font-weight:500;list-style-type:none;padding:0}.time-remaining-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:15px}.time-remaining-text,span{color:#fec653}.main-page-container{min-height:100vh;background-image:url(https://assets.ccbp.in/frontend/react-js/match-game-bg.png);background-size:cover}.gameplay-card{width:100%}.tabs-container{list-style-type:none;padding:10px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.tab-button{border:0 solid;background-color:transparent;color:#fff;font-weight:500;margin-left:10px;margin-right:10px;cursor:pointer;outline:none}.apply-tab-extra-class{color:#fec653;border-bottom:2px solid #fec653;padding-bottom:5px;padding-top:8px}.thumbnails-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none;padding:0;margin-bottom:35px}.thumbnail-button{padding:10px;border:0 solid;background-color:transparent;cursor:pointer;outline:none}.thumbnail-image{border-radius:5px}.result-card-bg-container{background-image:url(https://assets.ccbp.in/frontend/react-js/match-game-score-card-lg-bg.png);background-size:cover;height:100vh;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;text-align:center}.result-score-description,.result-score-heading{text-align:center;color:#fff;margin:0;padding:0}.result-score-button{border:0 solid;background-color:#cf60c8;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:10px;padding:10px;cursor:pointer;outline:none}.trophy-card{text-align:center}@media (max-width:300px){.match-game-navbar{padding:0}.app-logo{width:50px;height:10px}.total-score-text{font-size:1px}span{font-size:2px}.watch-logo{height:13px;width:13px;margin-left:5px;margin-right:5px}.tab-button{font-size:3px}}@media (max-width:400px){.match-game-navbar{padding:12px}.app-logo{width:100px;height:25px}.total-score-text{font-size:15px}.time-remaining-text,span{font-size:18px}.watch-logo{height:20px;width:20px;margin-left:13px;margin-right:5px}.home-page-image-card{padding:20px 10px 10px;text-align:center}.home-page-image{height:200px;width:90%;border-radius:5px}.tab-button{font-size:16px}.thumbnail-image{height:60px;width:60px}.trophy-image{height:30px;width:30px}.result-card{padding:40px;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.result-card-bg-container{width:320px;height:400px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:10px}.result-score-heading{font-size:20px;padding:0 10px 10px}.result-score-description{font-size:25px;padding:10px}.trophy-image{height:180px;width:200px;padding-top:30px}.restart-image{height:15px;width:15px;margin-right:8px}.restart-button{font-size:18px;margin-bottom:20px}}@media (min-width:400px){.match-game-navbar{padding:12px}.app-logo{width:120px;height:32px}.total-score-text{font-size:16px}.time-remaining-text,span{font-size:18px}.watch-logo{height:20px;width:20px;margin-left:15px;margin-right:7px}.home-page-image-card{padding:25px 10px 10px;text-align:center}.home-page-image{height:250px;width:350px;border-radius:5px}.tab-button{font-size:18px}.thumbnails-container{padding:20px}.thumbnail-image{height:75px;width:75px}.result-card{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding-top:50px}.result-card-bg-container{width:400px;height:500px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:10px}.result-score-heading{font-size:22px;padding:0 10px 10px}.result-score-description{font-size:27px;padding:10px}.trophy-image{height:200px;width:220px;padding-top:30px}.restart-image{height:17px;width:17px;margin-right:8px}.restart-button{font-size:20px;margin-bottom:20px}}@media (min-width:576px){.match-game-navbar{padding:15px}.app-logo{width:150px;height:35px}.total-score-text{font-size:20px}.time-remaining-text,span{font-size:22px}.watch-logo{height:28px;width:28px;margin-left:15px;margin-right:10px}.home-page-image-card{padding-top:35px;width:100%}.home-page-image{height:330px;width:80%}.tab-button{font-size:19px}.thumbnails-container{padding:25px}.thumbnail-image{height:85px;width:85px}.result-card{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding-top:50px}.result-card-bg-container{width:500px;height:570px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:10px}.result-score-heading{font-size:27px;padding:0 10px 10px}.result-score-description{font-size:40px;padding:10px}.trophy-image{height:270px;width:300px;padding-top:70px;margin-top:30px}.restart-image{height:23px;width:23px;margin-right:8px}.result-score-button{font-size:25px;margin-bottom:20px}}@media (min-width:768px){.match-game-navbar{padding:15px}.app-logo{width:170px;height:45px}.total-score-text{font-size:22px}.time-remaining-text,span{font-size:24px}.watch-logo{height:30px;width:30px;margin-left:15px;margin-right:10px}.home-page-image{height:370px;width:600px}.tab-button{font-size:20px}.thumbnails-container{padding:30px}.thumbnail-image{height:95px;width:95px}.result-card{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding-top:50px}.result-card-bg-container{width:600px;height:720px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:10px;margin-bottom:30px}.result-score-heading{font-size:37px;padding:0 10px 10px}.result-score-description{font-size:50px;padding:10px}.trophy-image{height:300px;width:340px;padding-top:30px}.restart-image{height:28px;width:28px;margin-right:8px}.result-score-button{font-size:30px;margin-bottom:20px}}@media (min-width:992px){.match-game-navbar{padding:15px}.app-logo{width:190px;height:50px}.total-score-text{font-size:24px}.time-remaining-text,span{font-size:26px}.watch-logo{height:32px;width:32px;margin-left:16px;margin-right:10px}.home-page-image{height:420px;width:700px}.tab-button{font-size:22px}.thumbnails-container{padding:38px}.thumbnail-image{height:100px;width:100px}}
/*# sourceMappingURL=main.8da84240.chunk.css.map */