@import"https://fonts.googleapis.com/css2?family=Creepster&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Creepster,system-ui}a{text-decoration:none;color:inherit}.container{background-color:#380505;min-height:100vh;color:#fff;display:flex;flex-direction:column;align-items:center;width:100%;max-width:1640px}nav{display:flex;justify-content:space-between;align-items:center;width:70%;border:1px solid blanchedalmond;padding:1em 2em;border-radius:10px;margin:2em 0}.logo{display:flex;flex-direction:column;gap:.75em}.sound-box{padding:1em 2em;cursor:pointer;border-radius:10px;display:flex;justify-content:center;align-items:center;gap:1em;border:1px solid #FFFFFF}button{background:transparent;border:none;color:#fff;font-size:1rem;cursor:pointer}.right{display:flex;gap:1.5em}.reset-btn{background-color:#f44;border:2px solid #FFFFFF;padding:1em 2em;border-radius:8px;font-size:1rem;font-weight:700;transition:all .3s ease}.reset-btn:hover{background-color:#c00;transform:scale(1.05)}.boxes{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1em;width:70%}.box p{font-size:1.5rem}.count{font-size:2.5rem}.box{background-color:#ff4500;padding:2em;border-radius:10px;display:flex;flex-direction:column;gap:.75em}.cards{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1em;width:70%;margin-top:5em;margin-bottom:12em}.card{background-color:brown;height:400px;border-radius:10px;display:flex;justify-content:center;align-items:center;border:5px solid blanchedalmond;cursor:pointer}.checked{background-color:#130101;border:1px solid blue}footer{width:100%;display:flex;flex-direction:column;gap:1em;background-color:#f5f5f5;color:#000;padding:2em 3em;position:fixed;bottom:0}.progress-top{width:100%;display:flex;justify-content:space-between}.progress-bar{border:1px solid burlywood;background:transparent;border-radius:10px;height:20px}.filler{height:100%;border-radius:10px;background-color:brown;width:0%;transition:width .75s cubic-bezier(.27,.46,.63,.48)}@media(min-width:1640px){.container{margin:0 auto}}@media(max-width:1190px){.cards{grid-template-columns:1fr 1fr 1fr}}.container{position:relative}.pop-up{height:350px;width:500px;background-color:brown;border:1px solid #FFFFFF;position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2.5em;border-radius:10px;top:200px;padding:2em}.pop-up p{font-size:2rem;text-align:center}.pop-up button{border:1px solid #FFFFFF;padding:.5em 1em;font-size:1.5rem;cursor:pointer;border-radius:10px}