:root{--primary-color: rgb(255, 25, 25);--secondary-color: rgb(21, 123, 236);--background-color: rgb(255, 207, 207);--spicy-rice: "Spicy Rice", serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--background-color)}.score-bar{padding-left:20px;padding-right:20px;display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-bottom:2px solid var(--primary-color);color:var(--primary-color);font-family:var(--spicy-rice);font-weight:400;font-style:normal;font-size:20px;height:10vh;position:relative}.score-bar p:last-child{color:var(--primary-color)}.win{flex-grow:0}.counter{display:flex;gap:20px;color:var(--secondary-color);font-family:"Jersey 10",sans-serif;font-size:28px;flex-grow:0}.album-grid{display:grid;grid-template-columns:repeat(5,1fr);justify-content:center;gap:20px;padding-top:5vh;padding-left:20px;padding-right:20px}.album-grid>div{display:flex;flex-direction:column;justify-content:center;align-items:center}.album-grid>div:hover{cursor:pointer}.album-card{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;border-top-right-radius:20px;border-top-left-radius:20px;border:2px solid var(--primary-color);transition:all .3s ease;position:relative;padding-bottom:30px}.album-card:hover{border:2px solid var(--secondary-color);background-color:var(--primary-color)}.card-text{text-align:center;color:#000;height:2lh;display:flex;align-items:center;justify-content:center;font-family:var(--spicy-rice);font-weight:400;font-style:normal;color:var(--secondary-color);width:100%;border-top:2px solid var(--primary-color);border-left:1px solid var(--primary-color);border-right:1px solid var(--primary-color);border-top-left-radius:20px;border-top-right-radius:20px;position:absolute;bottom:0;z-index:1;background-color:#fff;transition:all .3s ease}.album-card:hover .card-text{background-color:var(--background-color);border-top:2px solid var(--secondary-color);border-left:1px solid var(--secondary-color);border-right:1px solid var(--secondary-color)}img{object-fit:cover;width:100%;max-height:100%;border-top-left-radius:18px;border-top-right-radius:18px}button{border:1px solid var(--secondary-color);padding:4px 16px;background-color:#fff;color:var(--secondary-color);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;font-size:18px;border-radius:20px;transition:all .3s ease;position:absolute;left:50%;transform:translate(-50%)}button:hover{background-color:var(--background-color);cursor:pointer}@media (max-width: 425px){.album-grid{grid-template-columns:repeat(2,1fr)}.score-bar{flex-direction:column;padding-top:8px;height:auto;text-align:center;font-size:16px;gap:8px}.counter{font-size:20px}button{position:relative;left:auto;transform:none}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}