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}.container{min-Height:90vh;align-Items:center;background-blend-mode:screen;background-color:#330159;background-image:url(/static/media/Headphones.e8435f20f3253a0819ad.jpg);background-repeat:no-repeat;background-size:cover;height:90vh}.container,form{justify-Content:center;display:flex}form{flex-Direction:column}#search{background-color:initial;border:none;color:#fff}input::placeholder{color:rgba(224,216,231,.575);font-weight:700}input{padding-left:1rem}button{background-color:#639;border:3px solid violet;border-radius:50px;color:#fff;margin:1rem auto;padding:.5rem;width:25%}button:hover{background-color:#8a2be2;border:3px solid pink}#SearchBarContainer{background-color:rgba(51,1,89,.502);border:3px solid #fff;border-radius:10px;box-shadow:0 0 25px #330159;display:grid;grid-template-columns:2fr .75fr;height:3rem;max-width:60rem;min-height:2rem;min-width:25rem}#searchTypeSelector{background-color:#639;border-bottom-right-radius:10px;border-color:#0000;border-left:2px solid #fff;border-top-right-radius:10px;color:#fff;outline:0;text-align:center}p{font-size:1rem}#trackContainer{background:linear-gradient(90deg,#0b0314 40%,#270541);border-radius:50px;color:#fff;height:3.5rem;margin:5px auto 0;padding-left:5px;width:75%}#artworkImg,#trackContainer{align-items:center;display:flex}#artworkImg{height:2.75rem;width:auto}#previewAudio{align-items:center;display:flex;height:auto;width:2rem}#addToPlaylist,#removeFromPlaylist{align-items:center;display:flex;height:auto;margin-left:auto;padding-right:2%;width:2rem}#artworkImgContainer,#prevAudioContainer{padding:0 5px}#track-inf{display:flex;flex-direction:column}#album,#artist,#name{margin:0}#album{color:hsla(0,0%,96%,.548);font-size:.75rem}#noPreviewAudio{align-items:center;display:flex;height:auto;opacity:.5;width:2rem}#playlist-item-info{display:flex;flex-direction:column;justify-items:center;padding-left:1rem}#container{align-items:center;background-color:#1e073c;display:grid;grid-template-columns:1fr 1fr 1fr;height:10vh}h1{color:#fff;margin:0;text-align:center}#loginButton{margin-left:auto}#logoutButton{margin:auto;padding:2px}#NavbarLeft{grid-area:1/1/2/2}#NavbarCenter{grid-area:1/2/2/3}#NavbarRight{align-items:center;display:flex;flex-direction:column;grid-area:1/3/2/4;justify-content:flex-end}#loggedIn{color:#fff;margin-bottom:10px;margin-top:3px}@media (min-width:375px) and (max-width:667px){#logginIn{width:50%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.mh{display:flex}.dh{display:none}#playlist-container{background-color:#0b0314f2;box-shadow:-2px 0 5px #0000004d;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:40%;z-index:1000}#playlist-container.visible{transform:translateX(0)}#togglePlaylistButtonContainer{bottom:10px;display:flex;flex-direction:column;padding:10px 0;position:fixed;right:10px;z-index:1001}#togglePlaylistButton{text-wrap:pretty;background-color:#1e073c;border:none;border-radius:5px;color:#fff;width:4.5rem}#playlistSongCounter{all:unset;align-content:center;background-color:#542379;border-radius:100%;color:#fff;display:flex;height:24px;justify-content:center;position:absolute;right:-5px;top:15px;width:24px}#playlistName{margin:30px auto 20px;padding:5px;width:75%}@media (max-width:667px){p{font-size:.75rem}.mh{display:none}.dh{display:block}#playlist-container{height:100%;width:100%}#SearchBarContainer{display:flex;flex-direction:column;height:auto;width:90%}#searchTypeSelector{border:none;height:3rem}input{height:3rem;padding-left:0;text-align:center}#loginButton{margin:auto;width:5rem}#logoutButton{margin:auto;padding:.5rem 2rem;width:auto}}
/*# sourceMappingURL=main.dbe83f3f.css.map*/