*{box-sizing:border-box;margin:0}.album-btn{cursor:pointer;background:0 0;border:none;outline:none;padding:0}.album{width:90%}.navbar{background-color:#42271a;justify-content:space-around;align-items:center;width:100%;height:60px;padding-left:3px;padding-right:3px;display:flex;position:fixed;top:0}.navbar-logo{width:120px;height:26px}@media screen and (width>=576px){.navbar-logo{width:150px;height:36px}}.nav-items{color:#fff;align-items:center;gap:10px;margin:0;list-style-type:none;display:flex}.nav-item-score{font-size:13px}@media screen and (width>=576px){.nav-item-score{font-size:16px}}.nav-item-timer{justify-content:center;align-items:center;gap:4px;display:flex}.nav-item-timer-img{width:20px;height:20px}.tabs-items{color:#fff;cursor:pointer;background:0 0;border:none;outline:none;font-size:16px}@media screen and (width>=576px){.tabs-items{font-size:20px}}@media screen and (width>=768px){.tabs-items{font-size:24px}}.active-tab{border-bottom:4px dotted #fff}.game-over-card-container{color:#fff;background-image:url(https://assets.ccbp.in/frontend/react-js/match-game-score-card-sm-bg.png);background-size:cover;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:80%;min-height:100vh;margin-top:90px;margin-bottom:50px;padding-top:140px;display:flex}@media screen and (width>=768px){.game-over-card-container{background-image:url(https://assets.ccbp.in/frontend/react-js/match-game-score-card-lg-bg.png);width:50%;padding-top:180px}}@media screen and (width>=992px){.game-over-card-container{padding-top:220px}}@media screen and (width>=1440px){.game-over-card-container{padding-top:320px}}.trophy-img{width:200px;height:160px}.score-title,.score{margin:0;padding:0;font-size:24px}.reset-img{width:20px;height:20px}.play-again-btn{color:#fff;cursor:pointer;background-color:#cf60c8;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:4px;width:120px;height:40px;margin-bottom:20px;font-weight:700;display:flex}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.matchgame-bg-container{background-image:url(https://assets.ccbp.in/frontend/react-js/match-game-bg.png);background-size:contain;flex-direction:column;align-items:center;min-height:100vh;padding-top:60px;display:flex}.big-album{border-radius:8px;width:90%;max-width:300px;height:40vh;margin-top:40px;margin-bottom:20px;transition:opacity .3s ease-in-out}@media screen and (width>=768px){.big-album{width:60%;max-width:400px}}.game-start-btn{color:#fff;background-color:#cf60c8;border:none;border-radius:8px;outline:none;width:90%;max-width:300px;height:44px;margin-top:0;margin-bottom:16px;font-size:14px;font-weight:700}@media (width>=768px){.game-start-btn{width:60%;max-width:400px;height:52px;font-size:16px}}.tabs-container{gap:50px;margin:0 0 30px;padding:0;font-weight:700;list-style-type:none;display:flex}@media (width>=576px){.tabs-container{margin:16px 0 30px}}.album-container{grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;width:90%;margin:0;padding:0;list-style-type:none;display:grid}@media screen and (width>=768px){.album-container{width:60%}}.instruction-container{color:#fff;background-image:url(https://assets.ccbp.in/frontend/react-js/match-game-bg.png);background-size:cover;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px 20px 30px;display:flex}.instruction-heading{font-size:30px;font-weight:700}.instruction-img{width:100%;height:40vh;margin-top:10px;margin-bottom:10px}.instruction-list-container{list-style-type:none}ul{margin-top:10px;margin-bottom:10px}.instruction-checkbox-label{color:#969090;font-size:14px}@media screen and (width>=567px){.instruction-checkbox-label{font-size:16px}}.instructions-btn-container{justify-content:center;align-items:center;gap:18px;margin-top:30px;display:flex}.instruction-checkbox-container{justify-content:center;align-items:center;gap:2px;display:flex}@media screen and (width>=567px){.instruction-checkbox-container{gap:6px}}#InstructionCheckbox{cursor:pointer;width:24px;height:24px}.instruction-btn{cursor:pointer;color:#fff;background-color:#0000;border:1px solid #fff;border-radius:4px;outline:none;width:120px;height:36px;font-size:16px}.horizontal-rule{color:#fff;border:1px solid #9e9898;width:100%;margin:30px 0 20px;padding:0}.built-by-kalit{text-align:center;cursor:pointer;color:#9e9898;text-shadow:0 0 5px #0003;margin-bottom:12px;font-weight:700;transition:all .3s ease-in-out}.built-by-kalit:hover{color:#c0babb;text-shadow:0 0 10px #fa8ca1cc;transform:scale(1.1)}.not-found-container{flex-direction:column;justify-content:center;align-items:center;height:70vh;display:flex}.not-found-img{width:400px}
