*{-webkit-box-sizing:border-box;box-sizing:border-box}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}.app-container{background-image:url(https://assets.ccbp.in/frontend/react-js/match-game-bg.png);min-height:100vh;background-size:cover}.navbar{height:80px;background-color:#2c0e3a;margin:auto;padding-left:15px;padding-right:15px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}@media screen and (min-width:768px){.navbar{height:100px;padding-left:30px;padding-right:30px}}.logo-image{width:33%}@media screen and (min-width:768px){.logo-image{width:20%}}.score-time-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.score-text{font-family:"Roboto";font-size:18px;font-weight:500;color:#fff;list-style-type:none}.time-list{list-style-type:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media screen and (min-width:768px){.score-text{font-size:24px}}.running-score{font-family:"Roboto";font-size:22px;font-weight:500;color:#fec653}.timer-image{width:22px;height:22px;margin-left:20px;margin-right:5px}@media screen and (min-width:768px){.running-score{font-size:27px}.timer-image{width:25px;height:25px}}.responsive-container{padding:20px;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}.match-image{width:100%;border-radius:6px}@media screen and (min-width:768px){.match-image{width:50%}}.list-order-tab{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-left:-40px}.list-tab-container{list-style-type:none}.tab-button{font-family:"Roboto";font-size:22px;font-weight:700;color:#fff;background-color:transparent;border:none;outline:none;cursor:pointer;width:100px}@media screen and (min-width:768px){.tab-button{font-size:28px;margin-right:30px;width:120px}}.click-color{font-family:"Roboto";font-size:22px;font-weight:700;color:#fec653;background-color:transparent;outline:none;cursor:pointer;width:100px;border:none;border-bottom:3px solid #fec653}@media screen and (min-width:768px){.click-color{font-size:28px;margin-right:30px;width:120px}}.list-order-images{margin-left:-40px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width:768px){.list-order-images{width:60%}}.list-images-container{list-style-type:none;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.images-btn{border:none;outline:none;cursor:pointer;background-color:transparent;margin:5px}.images-btn,.thumbnail-image{width:80px;height:80px}@media screen and (min-width:768px){.images-btn,.thumbnail-image{height:120px;width:120px}}.bg-trophy-container{background-image:url(https://assets.ccbp.in/frontend/react-js/match-game-score-card-sm-bg.png);border-radius:10px;width:90%;padding:15px;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}@media screen and (min-width:768px){.bg-trophy-container{padding:40px;background-image:url(https://assets.ccbp.in/frontend/react-js/match-game-score-card-lg-bg.png);background-repeat:no-repeat;background-position:50%;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}}.trophy-image{width:100%;margin-top:80px}@media screen and (min-width:768px){.trophy-image{width:50%;margin-top:40px;padding-top:40px}}.your-score-text{font-family:"Roboto";font-size:25px;font-weight:500;color:#fff;margin-bottom:0}@media screen and (min-width:768px){.your-score-text{font-size:30px}}.your-score{font-family:"Roboto";font-size:35px;font-weight:700;color:#fff;margin-top:12px}@media screen and (min-width:768px){.your-score{font-size:45px}}.reset-btn{font-family:"Roboto";font-size:18px;font-weight:500;color:#fff;background-color:#cf60c8;border:none;border-radius:12px;height:50px;width:150px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;outline:none;cursor:pointer}@media screen and (min-width:768px){.reset-btn{height:60px;width:180px;font-size:20px}}.reset-image{width:20px;height:20px;margin-right:5px}@media screen and (min-width:768px){.reset-image{width:25px;height:25px}}
/*# sourceMappingURL=main.a71aa32a.chunk.css.map */