body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header h1{color:#fff;font-family:Helvetica,sans serif;font-family:var(--primary-headings-font-family);text-align:center}.artist-container{color:#a0a0a0;font-family:var(--secondary-headings-font-family);font-size:14px;text-decoration:none}.artist-container:hover{color:#fff;text-decoration:underline}:root{--primary-headings-font-family:"Helvetica",sans serif;--secondary-headings-font-family:"Helvetica",sans serif;--paragraph-font-family:"Helvetica",sans serif}.album-name{color:#fff;font-family:Helvetica,sans serif;font-family:var(--secondary-headings-font-family);font-size:14px;text-decoration:none}.album{margin-bottom:1.5rem}.album-name:hover{text-decoration:underline}.album-cover{height:100%;width:100%}.cover-and-icons:hover .album-cover{cursor:pointer;opacity:.5}.album-container{place-items:center}.cover-and-icons{position:relative}.cover-and-icons:hover .img-overlay{display:block}.img-overlay{align-items:center;display:none;justify-content:center}.icons-container{align-items:center;display:flex;justify-content:space-around;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}.heart-icon{-webkit-filter:invert(.8);filter:invert(.8);margin-right:30px;width:1.5rem}.heart-icon:hover{cursor:pointer;transition:.5s ease}.play-icon{-webkit-filter:invert(.8);filter:invert(.8);margin-right:30px;width:3.5rem}.play-icon:hover{cursor:pointer;-webkit-filter:invert(1);filter:invert(1);-webkit-transform:scale(1.3);transform:scale(1.3);transition:.5s ease}.info-icon{-webkit-filter:invert(.8);filter:invert(.8);margin-right:20px;width:1.5rem}.info-icon:hover{cursor:pointer;transition:.5s ease}@media ((min-width:668px) and (max-width:1023px)){.album-container{display:grid;grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.album-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr)}}
/*# sourceMappingURL=main.6cf50371.css.map*/