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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-top-color:#7fe64c}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.whole-container{height:60%}.link-loginPage{font-family:Roboto,sans-serif;font-weight:900;font-size:2rem;line-height:42px;color:#1db954;display:flex;flex-wrap:nowrap;flex-direction:row;text-decoration:none;list-style:none;margin-left:10%;transition-duration:.5s}.link-loginPage:hover{color:#fff}.login-page{font-family:Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;width:100%;height:100%;background:#191414;background-size:contain;background-repeat:no-repeat;background-position:50%}.login-page,.whole-container{position:absolute;overflow-x:hidden}.whole-container{display:flex;flex-wrap:wrap;justify-content:center;background:#fff;width:30%;height:65%;left:35%;top:20%;border-radius:55px;margin:0}.whole-container h2{font-weight:bolder;font-size:5rem;margin:5% 0 0;color:#1db954}.inputs input{display:flex;flex-wrap:wrap;width:100%;font-size:1rem;text-align:center;border:none;border-bottom:2px solid #1db954;color:#1db954}.pass-input,.user-input{margin-top:25%}.pass-input{margin-bottom:5%}.errors{display:flex;flex-wrap:wrap;width:100%;color:#1db954;font-size:1rem;margin:0;text-align:center}.submit{background:#1db954;border-radius:10px;width:80%;height:50px;margin-top:10%;box-shadow:0 4px 4px rgba(0,0,0,.25);color:#fff;font-weight:700;font-size:2rem}.submit:hover{box-shadow:none;background:#1fcc5c}ul{display:flex;flex-wrap:nowrap;flex-direction:row;margin-left:68%}.link{margin-left:3%;transition-duration:.5s}.link,.link-divider{font-family:Roboto,sans-serif;font-weight:900;font-size:2rem;line-height:42px;color:#1db954;display:flex;flex-wrap:nowrap;flex-direction:row;text-decoration:none;list-style:none}.link-divider{margin-left:5%}.link:hover{color:#191414}header{background:#fff;width:100%;height:100%}.header-text{margin-top:4%;max-width:100%;overflow-x:hidden;position:relative}.song{color:#1db954;-webkit-animation-name:songMove;animation-name:songMove;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:2.3s;animation-duration:2.3s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1}.song,.suggester{position:relative;font-size:7rem;text-align:left;padding-left:5%;margin:0}.suggester{color:#191414;-webkit-animation-name:suggesterMove;animation-name:suggesterMove;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1}.leftLarge{display:flex;-webkit-animation:fadeIn 4s;animation:fadeIn 4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:4s;animation-delay:4s;margin-top:10%}.left-side,.leftLarge{font-size:3rem;visibility:hidden;position:absolute;padding-left:8%}.left-side{color:#1db954;-webkit-animation:fadeIn 3s;animation:fadeIn 3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:3s;animation-delay:3s;margin-top:5%}.left-side-btm{color:#191414;font-size:3rem;-webkit-animation:fadeIn 4s;animation:fadeIn 4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;visibility:hidden;-webkit-animation-delay:4s;animation-delay:4s;position:absolute;padding-left:8%;margin-top:10%}@-webkit-keyframes fadeIn{0%{opacity:0}to{visibility:visible;opacity:1}}@keyframes fadeIn{0%{opacity:0}to{visibility:visible;opacity:1}}@-webkit-keyframes songMove{0%{left:2%}to{left:64%}}@keyframes songMove{0%{left:2%}to{left:64%}}@-webkit-keyframes suggesterMove{0%{left:2%}to{left:45%}}@keyframes suggesterMove{0%{left:2%}to{left:45%}}.searchBar{flex-wrap:wrap;flex-direction:column;align-content:center;padding-top:2%;color:#1db954;font-size:3rem;-webkit-animation:fadeIn 4s;animation:fadeIn 4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;visibility:hidden;-webkit-animation-delay:4s;animation-delay:4s}.fullBar,.searchBar{display:flex;justify-content:center}.fullBar{border:4px solid #1db954;border-radius:5px;width:50%;box-shadow:5px 10px 8px #888;padding:1%}.carouselDiv{margin-top:2%;margin-bottom:10%;margin-left:25%;width:50%;border:2px solid #1db954;-webkit-animation:fadeIn 4s;animation:fadeIn 4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;visibility:hidden;-webkit-animation-delay:4s;animation-delay:4s}.carouselDiv h2{color:#191414;font-size:5rem}.inputsContainer{display:flex;flex-wrap:wrap;width:40%;margin:0 0 0 10%}.heading{font-size:3rem;color:#1db954}.heading,.heading h2{text-align:center}.search-form{margin-top:1%;display:flex;flex-wrap:nowrap;justify-content:center}.inputsContainer label{font-size:1.5rem;margin-right:10%}.inputsContainer input{font-size:1rem;border-radius:10px;color:#1db954;font-weight:500;text-align:center}.rhap_additional-controls,.rhap_forward-button,.rhap_progress-section,.rhap_rewind-button,.rhap_volume-controls{display:none}.rhap_button-clear{background:#1db954;width:50px;height:50px;border-radius:50px}.rhap_button-clear svg{width:20px;height:20px}.trackPlayer{margin-bottom:2%;margin-left:25%;margin-top:3%}.displayedSongs{display:flex;flex-wrap:nowrap;align-items:center;background:#191414;color:#fff;margin:2%;border-radius:10px;padding:1%;width:70%}.songName{margin-left:3%}.divider,.songName{margin-right:3%}.bm-item{display:inline-block;text-decoration:none;margin-bottom:10px;color:#fff;font-size:3rem;font-weight:100;transition:color .2s}.bm-item:hover{color:#1db954}.bm-burger-button{position:fixed;width:36px;height:30px;left:36px;top:36px}.bm-burger-bars{background:#1db954}.bm-cross-button{display:none;height:24px;width:24px}.bm-cross{background:#1db954}.bm-menu{background:#191414;padding:2.5em 1.5em 0}.bm-morph-shape{fill:#191414}.bm-item-list{display:flex;flex-direction:column;justify-content:space-evenly;color:#fff}.sideText{text-decoration:none}
/*# sourceMappingURL=main.110acc04.chunk.css.map */