@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body,html{height:100%;margin:0}.home-body{background:url(/images/landing.jpg);background-size:cover;background-repeat:no-repeat;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;-webkit-animation:animatedBackground 5s linear 1;animation:animatedBackground 5s linear 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes animatedBackground{0%{background-position:50% 50%}to{background-position:0 0}}@keyframes animatedBackground{0%{background-position:50% 50%}to{background-position:0 0}}@-webkit-keyframes animatedBackgroundMobile{0%{background-position:0 0}to{background-position:39% 50%}}@keyframes animatedBackgroundMobile{0%{background-position:0 0}to{background-position:39% 50%}}#str{font-family:"rockville_solidregular";font-size:8rem;width:43vw;height:46vh}#str,h2{color:#fff;text-align:center}h2{font-family:"Courier New",Courier,monospace;font-size:2rem}@font-face{font-family:"rockville_solidregular";src:url(/fonts/rockville_solid-webfont.woff2) format("woff2"),url(/fonts/rockville_solid-webfont.woff) format("woff");font-weight:400;font-style:normal}div[class*=box]{height:33.33%;width:100%;display:flex;justify-content:center;align-items:center;padding:2rem}.btn{line-height:50px;height:50px;text-align:center;width:250px;cursor:pointer;color:#fff;transition:all .5s;position:relative}.btn span{z-index:2;display:block;position:absolute;width:100%;height:100%}.btn:after,.btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition:all .5s;border:1px solid hsla(0,0%,100%,.2);background-color:hsla(0,0%,100%,.1)}.btn:hover:after,.btn:hover:before{transform:rotate(180deg) scale(1.2);background-color:hsla(0,0%,100%,0)}@media only screen and (max-width:1550px){.home-body{-webkit-animation:animatedBackgroundMobile 5s linear 1;animation:animatedBackgroundMobile 5s linear 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#str{font-size:7rem;width:60vw;height:auto}}@media only screen and (max-width:750px){.home-body{-webkit-animation:animatedBackgroundMobile 5s linear 1;animation:animatedBackgroundMobile 5s linear 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#str{font-size:5rem;width:100vw;height:auto}h2{font-size:1.5rem}}.container{width:92%}h3{margin-top:4rem;font-size:3rem}h3,h4{color:#fff}h4{font-size:2.5rem}.search-label{position:relative}.container input{width:100%;height:6rem;padding:16px;font-size:3rem;color:#444;outline:none;border:0;border-bottom:1px solid #f5f5f5}.results-container{background-color:#fff;border-radius:0 0 10px 10px}.result-items{font-size:3vh;width:100%;margin:0;padding:5px;display:flex;flex-wrap:nowrap;align-items:center}.result-items:hover{background:rgba(0,0,0,.1);border-top:1px solid rgba(0,0,0,.1)}.result-items img{width:5vw;margin-right:1rem}.search-icon{position:absolute;top:-10px;font-size:24px;color:#555;right:18px}.album-image{width:50px;border-radius:10%}.chosen-items-container{display:flex;justify-content:center;flex-wrap:wrap;margin:1rem;width:80vw}.chosen-items{display:flex;align-items:center;justify-content:space-evenly;background-color:hsla(0,0%,100%,.8);border-radius:10px;padding:.2rem;width:15rem;margin:.1rem;font-weight:700}@media only screen and (max-width:750px){h3{font-size:2rem}.result-items{padding:1px;font-size:1.5rem}.result-items img{width:15vw;margin:.1rem .3rem}}.album-art{width:5rem;height:5rem;box-shadow:3px 0 3px 0 rgba(0,0,0,.4);padding:5px}.cover{width:100%;height:100%;box-shadow:0 0 3px 2px rgba(0,0,0,.25);margin-right:2rem}.track-info{margin:2rem;line-height:1}.track-title{font-size:2vw;color:#000}.track-artist{font-size:1rem;color:#999}.audio-icons{height:4rem}.nowrap{white-space:nowrap}.tooltip{display:inline-block;position:relative;text-align:left}.tooltip h3{margin:12px 0}.tooltip .top{min-width:170px;max-width:300px;top:-5px;left:-13%;transform:translate(-30%,-100%);padding:5px 21px;color:#fff;background-color:#000;font-weight:400;font-size:14px;border-radius:8px;position:absolute;z-index:99999999;box-sizing:border-box;box-shadow:0 1px 8px rgba(0,0,0,.5);display:none}.tooltip:hover .top{display:block}.tooltip .top i{position:absolute;top:100%;left:30%;margin-left:-15px;width:30px;height:15px;overflow:hidden}.tooltip .top i:after{content:"";position:absolute;width:15px;height:15px;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:#009cdc;box-shadow:0 1px 8px rgba(0,0,0,.5)}.track-layout{width:100%;display:flex;justify-content:space-between;align-items:center;margin-right:2rem}.md-icon{color:#000;font-size:3vw}.add{margin-left:2rem}.tracklist-container{padding:2rem;width:100%}.track{background-color:#fff;height:5rem;display:flex;align-items:center;width:52vw;margin:2px 2.5rem 2px 2px}span{font-size:1.2rem;color:#fff;background-color:#000}.search-tracklist-body{background:url(/images/tracklist.jpg);background-size:cover;background-repeat:no-repeat;height:100vh;overflow:scroll;-webkit-animation:animatedBackground 5s linear 1;animation:animatedBackground 5s linear 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.search-tracklist-body,input{font-family:"Josefin Sans",sans-serif}.align-center,.search-tracklist-container{display:flex;align-items:center;flex-direction:column}.search-tracklist-container{width:100%}.tracklist-columns{display:flex;justify-content:center;width:100%}.home-link{font-size:2rem;margin:1rem}#github-icon img{border-radius:3px}@media only screen and (max-width:1400px){.search-tracklist-body{-webkit-animation:animatedBackgroundMobile 5s linear 1;animation:animatedBackgroundMobile 5s linear 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.tracklist-columns{flex-direction:column;align-items:center}.track{width:75vw}}@media only screen and (max-width:750px){.track{width:98vw;margin:.2rem}.track-info{margin:1rem}.track-title{font-size:1rem}.track-artist{font-size:.7rem}.album-art{height:4rem}.md-icon{font-size:1.5rem}.md-icon:active{color:#5a0a6f}#github-icon,#linkedin-icon{display:none}}@media only screen and (min-width:750px){.record:hover{background-color:#9748ab}.track-title:hover{font-size:2.1rem;color:#5a0a6f}.md-icon:hover{color:#5a0a6f}#mixtape,.card{width:400px}#linkedin-icon{right:10px}#github-icon,#linkedin-icon{position:absolute;bottom:8px}#github-icon{right:42px}}#mixtape{min-height:636px;max-height:636px;overflow:auto;background-color:#fff;opacity:.5;border-radius:10px}.mixtape-container{margin:1rem;border-bottom:1px solid #000}.mixtape-heading{margin:1rem;font-size:1.6rem;border-bottom:2px dotted #000}.mixtape-track{display:flex;justify-content:space-between}.btn-space{margin-left:1rem}.record{font-size:1.6rem;text-align:center;background-color:#5a0a6f;color:#fff;padding:1rem;margin:.5rem 0 4rem;border-radius:10px;cursor:pointer}.msg{margin-top:1.2rem;margin-bottom:.5rem}h1{font-size:36px;margin-bottom:0}.card{justify-content:center;padding:0 5px;color:#fff;font-weight:100;background:#3c044a;overflow:hidden}.card,.card .current-song{display:flex;flex-direction:column;border-radius:10px}.card .current-song{align-items:center;width:100%;padding:20px 0;color:#3c044a;background:#fff}.card .current-song audio{display:none}.card .current-song .img-wrap{position:relative;margin:0 auto;width:200px;height:200px;overflow:hidden;border-radius:5px;box-shadow:0 10px 40px 0 rgba(101,92,101,.7)}.card .current-song .img-wrap img{width:100%;height:100%}.card .current-song .song-name{margin-top:30px;font-size:22px}.card .current-song .song-autor{color:#9748ab}.card .current-song .time{display:flex;justify-content:space-between;margin-top:10px;width:240px}.card .current-song #timeline{position:relative;margin:0 auto;width:240px;height:5px;background:#9748ab;border-radius:5px;cursor:pointer}.card .current-song #timeline:hover .hover-playhead,.card .current-song #timeline:hover .hover-playhead:after,.card .current-song #timeline:hover .hover-playhead:before{opacity:1}.card .current-song #timeline #playhead{position:relative;z-index:2;width:0;height:5px;border-radius:5px;background:#3c044a}.card .current-song #timeline .hover-playhead{position:absolute;z-index:1;top:0;width:0;height:5px;opacity:0;border-radius:5px;background:#655c65;transition:opacity .3s}.card .current-song #timeline .hover-playhead:before{opacity:0;content:attr(data-content);display:block;position:absolute;top:-30px;right:-23px;width:40px;padding:3px;text-align:center;color:#fff;background:#655c65;border-radius:-2px}.card .current-song #timeline .hover-playhead:after{opacity:0;content:"";display:block;position:absolute;top:-8px;right:-8px;border-top:8px solid #655c65;border-left:8px solid transparent;border-right:8px solid transparent}.card .current-song .controls{margin-top:10px}.card .current-song .controls button{color:#3c044a;border-radius:50%;margin:15px;font-size:30px;text-align:center;transition:.2s;cursor:pointer;border:none;background:0}.card .current-song .controls button:focus{outline:none}.card .current-song .controls button.play{width:50px;height:50px}.card .current-song .controls button.play .fa-play{transform:translateX(2px)}.card .current-song .controls button.prev-next{width:35px;height:35px}.card .current-song .controls button.prev-next:hover{transform:scale(1.2)}.card .play-list{display:flex;flex-direction:column;padding:10px;height:180px;overflow-y:scroll}.card .play-list .track-row{display:flex;align-items:center;margin-bottom:10px;border-radius:0;border:1px solid transparent;transition:.3s;cursor:pointer;min-height:6rem}.card .play-list .track-row:hover{background:#5a0a6f;border-color:#5a0a6f;position:relative}.card .play-list .track-row.current-audio,.card .play-list .track-row.play-now{background:#5a0a6f;box-shadow:0 0 15px 0 #5a0a6f}.card .play-list .track-row.play-now{position:relative}.card .play-list .track-row.play-now:after{content:"";display:block;position:absolute;left:17px;width:57px;height:57px;border-radius:0;font-size:16px;-webkit-animation:play 2s linear infinite;animation:play 2s linear infinite}.card .play-list .track-row.play-now .track-img{-webkit-filter:opacity(70%);filter:opacity(70%)}.card .play-list .track-row .track-img{width:90px;border-radius:0}.card .play-list .track-row .track-discr{margin-left:15px;display:flex;flex-direction:column;min-width:190px}.card .play-list .track-row .track-discr .track-name{font-size:17px;margin-top:8px}.card .play-list .track-row .track-discr .track-author{margin-top:8px;font-weight:300;color:#9748ab}.card .play-list .track-row .track-duration{min-width:40px;margin-left:10px;margin-right:10px;font-weight:500}.play-list::-webkit-scrollbar{width:5px}.play-list::-webkit-scrollbar-thumb{background:#fff;border-radius:5px}.play-list::-webkit-scrollbar-track{background:#3c044a}@-webkit-keyframes play{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes play{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.605bc780.chunk.css.map */