body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}.songs-container{grid-gap:20px;display:grid;grid-template-columns:repeat(3,1fr);padding:20px}@media only screen and (max-width:37.5em){.songs-container{grid-gap:10px;grid-template-columns:1fr}}@media only screen and (max-width:56.25em){.songs-container{grid-template-columns:1fr}}@media only screen and (min-width:56.3125em) and (max-width:93.75em){.songs-container{grid-gap:15px;grid-template-columns:repeat(2,1fr)}}.card{-webkit-tap-highlight-color:transparent;background-image:linear-gradient(#dc3deb,#9e2fd6,#7114f5);border:3px solid #000;border-radius:1.5rem;box-shadow:3px 5px 5px grey;box-sizing:border-box;color:#000;height:30rem;padding:10px;perspective:150rem;-moz-perspective:150rem;position:relative;touch-action:manipulation;transform-style:preserve-3d;transition:transform .8s ease}.card.flipped{transform:rotateY(180deg)}.card.flipped .card-side-front{opacity:0;transform:rotateY(180deg)}.card.flipped .card-side-back{transform:rotateY(180deg)}.card-side.hidden{display:none!important}.card-side{border-radius:1.5rem;height:30rem;overflow:hidden;transform-style:preserve-3d;transition:transform .8s ease;width:100%}.card-side,.card-side-back,.card-side-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.card-side-back,.card-side-front{left:0;top:0;transition:opacity .5s ease}.card-side-back{background-image:linear-gradient(#dc3deb,#9e2fd6,#7114f5);transform:rotateY(180deg)}.playlist-card{perspective:none;transform-style:flat}.playlist-card:hover{transform:none}.mini-album-cover,.mini-album-cover-back{border-radius:1.5rem;height:200px;margin-top:2rem;object-fit:cover;width:200px}.mini-album-cover-back{opacity:1;transition:opacity 1s ease-in-out}.mini-album-cover-back:hover{opacity:.5}.album-card,.release-date-card{font-size:20px;font-weight:700;margin:0;padding:5px}.artist-card,.genre-card,.song-card,.song-details-card{font-family:Sono,sans-serif;font-size:16px;font-weight:700}.song-card:hover{color:red;cursor:pointer}.heart-container{cursor:pointer;position:absolute;right:0;top:0}@media only screen and (min-width:20em) and (max-width:41.75em){.heart-icon{height:45px;margin-right:5px;margin-top:5px;width:45px}.mini-album-cover-back{height:150px;width:150px}.artist-card,.genre-card,.song-card,.song-details-card{font-family:Sono,sans-serif;font-size:14px;font-weight:700}}@media only screen and (max-width:37.5em){.heart-icon{height:30px;margin-right:5px;margin-top:5px;width:30px}.artist-card,.genre-card,.song-card,.song-details-card{font-size:12px}}@media only screen and (min-width:37.6em) and (max-width:56.25em){.heart-icon{height:40px;margin-right:5px;margin-top:5px;width:40px}.mini-album-cover{height:250px;margin-top:2rem;width:250px}.artist-card,.genre-card,.song-card,.song-details-card{font-size:16px}}@media only screen and (min-width:56.26em) and (max-width:64em){.heart-icon{height:45px;margin-right:5px;margin-top:5px;width:45px}.mini-album-cover{height:275px;margin-top:2rem;width:275px}.mini-album-cover,.mini-album-cover-back{border-radius:1.5rem}.album-card,.artist-card,.genre-card,.release-date-card,.song-card,.song-details-card{font-size:14px}}@media only screen and (min-width:64.1em) and (max-width:85em){.heart-icon{height:50px;margin-right:5px;margin-top:5px;width:50px}.mini-album-cover{height:300px;margin-top:2rem;width:300px}.album-card,.artist-card,.genre-card,.release-date-card,.song-card,.song-details-card{font-size:16px}}.lazy-load-image-background.opacity{opacity:0}.lazy-load-image-background.opacity.lazy-load-image-loaded{opacity:1;transition:opacity .3s}header{background:#cd08e7;border:5px solid #000;color:#fff;font-family:Roboto,sans-serif;margin-bottom:5vw;padding:1rem}h1,header{align-items:center;display:flex;justify-content:center}h1{margin-right:0 2rem}img.logo-headphones{border-radius:20px;height:4rem;margin-left:10px}.all-button-container{display:flex;gap:1rem}.about-button-container,.home-button-container,.playlist-button-container{background-color:#6a5acd;border:solid #000;border-radius:2rem;box-shadow:inset 0 0 0 0 #1594d6;color:#fff;font-size:1rem;height:75px;outline:none;text-align:center;transition:.3s ease-out;width:200px}.about-button-container:hover,.home-button-container:hover,.playlist-button-container:hover{box-shadow:inset 200px 0 0 0 #1594d6;color:#000;cursor:pointer}@media only screen and (max-width:37.5em){header{box-sizing:border-box;display:flex;flex-direction:column;width:100%}h1{margin:0 0 1rem}.logo-headphones{display:none}.all-button-container{align-items:center;display:flex;flex-direction:column;width:200px}.about-button-container,.home-button-container,.playlist-button-container{background-color:#6a5acd;border:solid #000;border-radius:2rem;box-shadow:inset 0 0 0 0 #1594d6;color:#fff;font-size:1rem;height:75px;outline:none;text-align:center;transition:.3s ease-out;width:150px}}@media only screen and (min-width:37.5em) and (max-width:56.25em){.all-button-container{align-items:center;display:flex;height:auto;justify-content:center;width:100%}}@media only screen and (min-width:48em) and (max-width:64em){header{box-sizing:border-box;display:flex;flex-direction:column;width:100%}h1{margin:0 0 1rem}.all-button-container{align-items:center;display:flex;width:500px}.about-button-container,.home-button-container,.playlist-button-container{background-color:#6a5acd;border:solid #000;border-radius:2rem;box-shadow:inset 0 0 0 0 #1594d6;color:#fff;font-size:1rem;height:75px;outline:none;text-align:center;transition:.3s ease-out;width:150px}}@media only screen and (min-width:64em) and (max-width:80em){h1{align-items:center;display:flex;gap:2rem;justify-content:center;margin:1rem}}.all-button-container,.logo-headphones{margin:1rem}@media only screen and (min-width:37.5em) and (max-width:56.25em){.favorite-songs-message{font-size:1em;font-weight:400;text-transform:uppercase}}.about-container{height:85vh;justify-content:center;margin-top:20vh;width:auto}.about-container,.about-info{align-items:center;display:flex;flex-direction:column;overflow:scroll}.about-info{background-color:#8e9ebd;border-color:#002868;border-style:double;color:#002868;height:50vh;margin-top:5vh;width:100vw}.about-info-text{font-size:20px;text-align:left;width:75vw}.about-info-title{margin-bottom:.5vh}.about-photo{border-radius:16px;box-shadow:0 12px 28px 0 #0003,0 2px 4px 0 #0000001a,inset 0 0 0 1px #ffffff0d;height:45vh;width:auto}@media only screen and (min-width:300px) and (max-width:480px){.about-container{height:100vh;margin-top:5vh;overflow-x:hidden;width:100%}.about-photo{height:21vh;width:auto}.about-info{height:200vh;padding-top:20px;width:70vh}.about-info-text{font-size:20px}.about-info-title{font-size:16px;margin-top:2vh}}@media only screen and (min-width:481px) and (max-width:768px){.about-container{margin-top:18vh}.about-photo{height:25vh}.about-info{height:60vh}.about-info-title{font-size:22px;margin-top:2vh}.about-info-text{font-size:15px}}@media only screen and (min-width:769px) and (max-width:1024px){.about-container{margin-top:16vh}.about-photo{height:34vh}.about-info{height:60vh}.about-info-title{font-size:22px;margin-top:1.5vh}.about-info-text{font-size:18px}}body{background-color:#000;color:#fff;cursor:url(data:image/jpeg;base64,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),auto}.App,body{text-align:center}.App{display:flex;flex-direction:column;height:100%;width:100%}.loading-text{color:#fff;font-size:20px;font-weight:700}.loading-image{height:100px;width:100px}@media only screen and (min-width:41.875em) and (max-width:56.25em){.loading-image{height:65px;width:65px}}
/*# sourceMappingURL=main.22a8eb44.css.map*/