*{margin:0;padding:0}body{font-family:"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;display:flex}body,h1{color:#fff}h1{font-size:30px;margin:10px auto}header{margin:30px 25px;border-bottom:2px solid grey}p{font-size:14px}a{color:#fff;text-decoration:none}a:hover{text-decoration:underline}.container{position:relative;padding:10px 30px;margin:10px auto}.albums-container{display:flex;flex-wrap:wrap}.album-img{opacity:1;display:block;width:100%;height:auto;transition:.5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}.album-cover{position:relative}.album-img:hover{opacity:.3;transition:.4s}.iconsContainer{display:flex;width:80%;transition:.5s ease;opacity:0;position:absolute;justify-content:space-between;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);align-items:center}.album-cover:hover .album-img{opacity:.3}.album-cover:hover .iconsContainer{opacity:1}.dotsicons,.hearticons{width:50px}.dotsicons,.hearticons,.playicons{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.playicons{width:80px;transition:.2s}.playicons:hover{width:100px}.album-title{font-weight:700;margin:10px auto}.artist-name a:not(:first-of-type,:last-of-type):before{color:#fff;content:", "}.artist-name a:nth-last-of-type(2):after{content:" & ";color:#fff}@media (min-width:669px) and (max-width:1023px){.albums-container{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:2px}.container{width:auto;height:400px;margin-bottom:5px}.album-img{max-width:360px}}@media (min-width:1024px){.albums-container{display:grid;grid-template-columns:repeat(4,1fr)}.container{width:auto}}
/*# sourceMappingURL=main.4c4120c2.chunk.css.map */