#boxes *{border:1px solid transparent}#boxes{display:grid;grid-template-columns:max-content max-content;grid-template-areas:'A B' 'A C';gap:32px;place-content:center}.song-url,.artist-url{text-decoration:none;color:inherit}#player{grid-area:B;height:fit-content;text-align:left}#player .controls{display:flex;justify-content:space-around}.player{background-color:#2e2e33;padding:28px;border-radius:40px}.player img{width:120px;height:120px;object-fit:cover;border-radius:10px}.info{color:#e1e1e6}.info .name-artist{opacity:.68;font-size:18px}.info-wrapper{display:flex;align-items:center;gap:30px}.player h1{font-size:22px;color:#e1e1e6;padding-bottom:7px}.controls{display:flex;justify-content:space-between;padding-top:20px}.track{padding-top:28px;position:relative}.track::before{content:'';height:6px;width:100%;display:block;background:#d9d9d9;opacity:.3;border-radius:10px;position:absolute}.track::after{content:'';height:6px;width:var(--new-width);display:block;background:var(--new-color);border-radius:10px;transition:width 1s linear}.time{font-size:15px;color:#dcdcdc;display:flex;justify-content:space-between;padding-top:9.6px}@media(max-width:670px){#boxes{display:flex;flex-direction:column;max-width:270px;margin:auto;height:auto;padding-block:60px}.player img{width:80px;height:80px;object-fit:cover;border-radius:10px}.player h1{font-size:16px}.info .name-artist{opacity:.68;font-size:14px}.time{font-size:12px}p{filter:blur(8px)}}