*{margin:0}body{color:#fff;background-color:#111;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:30px;margin:10px auto}header{margin:20px 23px;border-bottom:2px solid #464646}a{color:#fff;text-decoration:none}p{font-size:14px}.card{margin:10px;padding:20px;width:80%;height:auto;border-radius:10px;place-self:center}.card,.img-container{position:relative}.album-img{opacity:1;display:block;width:100%;height:auto;transition:.5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}.img-container:hover .album-img{opacity:.3}.img-container:hover .icons-container{opacity:1}.icons-container{position:absolute;opacity:0;width:80%;display:flex;justify-content:space-between;align-items:center;left:50%;top:50%;transform:translate(-50%,-50%)}.icons{width:50px;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.play-icon{width:80px}.play-icon:hover{width:90px;transform:scale(1.07)}.artistLink{font-size:14px}.artistLink:hover{text-decoration:underline}.artistName a:not(:first-of-type,:last-of-type):before{color:#fff;content:", "}.artistName a:nth-last-of-type(2):after{content:" & ";color:#fff}.albumTitle{margin:10px auto;font-weight:700}.albumTitle:hover{text-decoration:underline}@media (max-width:668px){.albums-container{display:grid;grid-template-columns:2fr;margin:20px auto}}@media (min-width:669px) and (max-width:1023px){.albums-container{display:grid;grid-template-columns:2fr 2fr;grid-column-gap:2px}.card{width:auto;height:400px;margin-bottom:5px}.album-img{max-width:360px}}@media (min-width:1024px){.albums-container{display:grid;grid-template-columns:2fr 2fr 2fr 2fr}.card{width:auto}}
/*# sourceMappingURL=main.9c1e8345.chunk.css.map */