*{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Roboto"}body{margin:0}.app-container{min-height:100vh;background-image:url(https://assets.ccbp.in/frontend/react-js/match-game-bg.png);background-size:cover}.navbar{background-color:#2c0e3a;padding:15px 30px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.logo{height:40px}.nav-right{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;grid-gap:20px;gap:20px}.score{color:#fff;font-size:16px}.timer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;grid-gap:6px;gap:6px;color:#fff}.timer img{height:20px}.match-image{width:50%;max-width:450px;display:block;margin:40px auto}.tabs-container{list-style:none;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:0}.tab-btn{background:transparent;border:none;color:#fff;font-size:16px;margin:0 15px;cursor:pointer;padding-bottom:5px}.active-tab{color:#fec653;border-bottom:2px solid #fec653}.thumbnails-container{list-style:none;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;padding:0;max-width:700px;margin:auto}.thumbnail-btn{background:transparent;border:none;cursor:pointer}.thumbnail-btn img{width:90px;margin:10px}li{list-style-type:none}.score-card{background-image:url(https://assets.ccbp.in/frontend/react-js/match-game-score-card-lg-bg.png);background-size:contain;background-repeat:no-repeat;background-position:50%;width:90%;max-width:450px;min-width:280px;height:auto;padding:30px 20px;margin:40px auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:center;color:#fff;border-radius:12px;-webkit-box-shadow:0 6px 15px rgba(0,0,0,.2);box-shadow:0 6px 15px rgba(0,0,0,.2);-webkit-box-sizing:border-box;box-sizing:border-box}.final-score{font-size:32px;color:#fff;margin-top:10px}.final-score span{margin-left:5px}@media screen and (max-width:767px){.score-card{background-image:url(https://assets.ccbp.in/frontend/react-js/match-game-score-card-sm-bg.png);padding:20px 15px;margin:20px auto}}@media screen and (min-width:1200px){.score-card{max-width:500px;padding:40px 30px}}.trophy{width:140px;margin-top:120px}.score-text{font-size:20px;margin-top:10px}.final-score{font-size:36px;font-weight:700}.play-again-btn{margin-top:20px;background-color:#cf60c8;border:none;color:#fff;padding:12px 18px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;grid-gap:10px;gap:10px;border-radius:6px;cursor:pointer;margin-left:auto;margin-right:auto}@media (max-width:576px){.match-image{width:80%}.thumbnail-btn img{width:70px}}@media (max-width:576px){.navbar{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;grid-gap:10px;gap:10px;padding:12px}.logo{height:32px}.nav-right{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.score{font-size:14px}.timer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;grid-gap:4px;gap:4px}.timer img{height:16px}.timer p{font-size:14px}}
/*# sourceMappingURL=main.7c0114c8.chunk.css.map */