*,body{margin:0}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app,.main-wrapper{background-color:#000}.icon-wrapper{display:none;height:60px;left:13%;position:absolute;top:40%;width:70%}.image-wrapper:hover .icon-wrapper{align-items:center;display:flex;justify-content:space-between}.icon-wrapper img{-webkit-filter:invert(100%);filter:invert(100%)}.heart-icon{height:30px;width:30px}.dots-icon{height:25px;width:25px}.play-icon{height:45px;width:45px}.play-icon:hover{height:60px;transition:.3s;width:60px}@media (min-width:1024px){.heart-icon{height:20px;width:20px}.dots-icon{height:15px;width:15px}.play-icon{height:35px;width:35px}}h1{color:#fff;display:block;font-family:Helvetica,sans-serif;font-size:25px;height:100%;letter-spacing:1px;margin-left:10px}h1,header{background-color:#000}header{border-bottom:.3px solid #898989;padding:20px}.album-list-wrapper{grid-column-gap:30px;grid-row-gap:40px;-webkit-column-gap:30px;column-gap:30px;display:grid;grid-template-columns:1fr;justify-items:center;margin:20px auto;row-gap:40px;width:350px}@media (min-width:668px){.album-list-wrapper{-webkit-column-gap:10px;column-gap:10px;grid-template-columns:1fr 1fr;width:600px}}@media (min-width:1024px){.album-list-wrapper{grid-template-columns:1fr 1fr 1fr 1fr;width:950px}}a{color:inherit;text-decoration:none}.album-card-wrapper{width:350px}.image-wrapper{position:relative}.image-wrapper:hover .album-cover{-webkit-filter:opacity(30%);filter:opacity(30%);transition:.3s}.album-cover{left:0;position:relative;top:0;width:100%}.album-name{color:#fff;font-family:Helvetica,sans-serif;font-size:14px;padding:5px}.album-name:hover{text-decoration:underline}.artist-name{color:#a0a0a0;font-family:Helvetica,sans-serif;font-size:14px;padding:5px}.artist-name:hover{text-decoration:underline}.artist-container:not(:first-child,:last-child):before{color:#a0a0a0;content:", "}.artist-container:last-child:before{color:#a0a0a0;content:" & "}.artist-container:only-child:before{content:""}@media (min-width:668px){.album-card-wrapper{width:280px}}@media (min-width:1024px){.album-card-wrapper{width:200px}}
/*# sourceMappingURL=main.723046be.css.map*/