body{background:#000;color:#fff;display:grid;font:900 2rem Jua;height:100vh;margin:0}img{object-fit:cover}.box{display:grid;grid-gap:10px;gap:10px;margin:auto;place-items:center}#appWrap{margin:auto;@media (1240px <= width){width:1190px}}#app{display:flex;gap:20px;padding:20px;@media (610px >= width){flex-wrap:wrap-reverse;justify-content:center}}.boxes{display:grid;grid-gap:10px;gap:10px;width:100%;@media (610px >= width){height:100vh}}.box{border-radius:10px;overflow:hidden;width:100%}.box,.box .name{display:flex;height:100%}.box .name{align-items:center;color:#000;justify-content:center;width:90px}.box .items{align-items:center;display:flex;flex-wrap:wrap;gap:10px;height:auto;width:100%}.items .album{border-radius:4px;height:120px;width:90px}.search{height:100%;width:404px;@media (610px >= width){height:auto;width:390px}}#bar{align-items:center;display:flex;gap:10px}.search .bar{background-color:#1f1f1f;border:0;border-radius:25px;color:#fff;font:900 1rem Jua;height:10px;padding:20px 40px;outline:0;width:100%}.search .items{display:flex;flex-wrap:wrap;gap:10px;padding:20px 0 0;width:290px;@media (610px >= width){width:100%}}.search .album{font:900 1rem Jua;height:auto;width:90px}.album .name{padding:10px 0 0}.tags{padding:10px 0 0}.buttons,.tags{display:flex;gap:10px}.buttons{align-items:center;justify-content:center}.button,.tag{background-color:#0af;border:0;border-radius:20px;color:#fff;cursor:pointer;outline:0;transition:filter .4s}.button{font:900 1.2rem Jua;padding:10px 20px}.tag{font:900 .9rem Jua;padding:5px 10px}.button:hover,.tag:hover{filter:brightness(200%)}