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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@font-face{font-family:Bebas;src:url(/static/media/LeagueSpartan-Bold.caadcad8af387d419251.otf)}.mainHeading{background-color:#6c006d;color:#fff;display:flex;font-family:Bebas;font-size:3.4rem;justify-content:center;margin-top:0}.mmm{color:#721ad2}@media(min-width:320px) and (max-width:599px){.logo{width:220px}}.main{align-items:start;display:flex;flex-direction:column;justify-content:center;margin-top:0}.addedSongs{height:400px;overflow-x:none;overflow-y:scroll;width:880px}.resultHeading{margin-left:10px}.addedSongs::-webkit-scrollbar{width:12px}.addedSongs::-webkit-scrollbar-track{background:#442342;border-radius:10px}.addedSongs::-webkit-scrollbar-thumb{background-color:#5b3e59;border:3px solid #5b3e59;border-radius:10px}.form{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-left:auto;margin-right:auto;margin-top:60px;position:relative;width:60%}.searchBar{background-color:#6e176d;border:none;border-radius:10px;display:flex;height:50px;min-width:400px;width:100%}.searchBar::placeholder{color:#fff;opacity:1}.searchBar:focus{border:none;outline:none}.searchBar:focus::placeholder{color:#0000}.magnify{cursor:pointer;left:5%;position:absolute}input[type=text]{color:#fff;font-size:1.2rem;text-align:center}#search{background-color:#080532;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.5rem;height:70px;margin-top:50px;min-width:200px}#search:hover{background-color:#8a2be2}.headingPlaylist{background-color:#6b3568}.headingPlaylist,.headingPlaylistActive{align-items:center;border-radius:50px;display:grid;grid-template-rows:100%;height:40px;width:180px}.headingPlaylistActive{background-color:#b43fae}.addPlaylistHeading{color:#fff;font-size:1.3rem;justify-self:center}.results{position:relative;width:900px}.subHeading{color:#faebd7;font-size:1rem}.songNameOfAddedSong{line-height:20px;margin-left:10px}.album{grid-column-end:4;grid-column-start:3}.album,.artist{align-self:center;font-size:.9rem;grid-row-end:2;grid-row-start:1;justify-self:center}.artist{grid-column-end:3;grid-column-start:2}.albumPhotoAndSongName{align-items:center;display:flex;justify-content:start;margin-left:20px}.albumPhotoAndSongName h3{font-size:1rem}.searchResults h3{font-size:1.1rem;grid-column-end:3;grid-column-start:2;grid-row-end:2;grid-row-start:1;line-height:20px;margin-bottom:0}.artistAndAlbum{display:flex;flex-direction:column;grid-column-end:2;grid-column-start:1;grid-row-end:3;grid-row-start:2;justify-self:start;margin-top:0}.artistAndAlbumActive{font-size:1.2rem;transform:scale(.9);transition:transform .3s ease}.artistAndAlbumDeactive{transform:scale(1);transition:transform .3s ease}p{font-size:.9rem;margin-left:3px;margin-top:5px}a{color:inherit;text-decoration:none}.span{background-color:#fff;border-radius:10px;grid-column-end:4;grid-column-start:2;grid-row-end:4;grid-row-start:3;height:3px;margin-top:1%;width:90%}.cross{align-self:end;grid-column-end:3;grid-column-start:2;grid-row-end:3;grid-row-start:2}.cross,.minus{cursor:pointer;height:20px;justify-self:end;margin-right:5%}.minus{grid-column-end:5;grid-column-start:4;grid-row-end:2;grid-row-start:1;margin-top:35px;max-width:30px;min-width:20px;width:4%;z-index:1}.submit{border:1px solid #e6e5e7;border-radius:50px;cursor:pointer;font-size:1.3rem;grid-row-end:6;grid-row-start:5;height:50px;margin-left:auto;margin-right:auto;margin-top:50px;min-width:150px}.inputPlaylist,.submit{background-color:initial;color:#fff}.inputPlaylist{align-self:center;border:2px solid #7f647d;border-radius:10px;font-size:1rem;height:30px;justify-self:center;opacity:1;text-align:center;width:100%}.inputPlaylist:focus{border:2px solid #7f647d;outline:none}.inputPlaylist::placeholder{color:#fff}.inputPlaylist:focus::placeholder{color:#0000}.ResultAndClear{color:#fff;display:grid;grid-template-columns:20% 60% 20%}.ResultAndClear h2{justify-self:start;width:300px}.clearEmblem{align-self:center;cursor:pointer;display:none;grid-column-end:4;grid-column-start:3;justify-self:end;margin-right:5%;width:30px}.groupOfResults{display:flex;height:400px;overflow:scroll;position:relative;scroll-behavior:smooth;width:95%}.groupOfResults::-webkit-scrollbar{display:none}.imageAndPlus{cursor:pointer;display:grid;grid-template-columns:100%;grid-template-rows:100%;justify-self:start}.songPictureActive{transform:scale(.9)}.songPictureActive,.songPictureDeactive{align-self:center;border-radius:10px;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;height:200px;justify-self:center;transition:transform .3s ease;width:200px}.songPictureDeactive{transform:scale(1)}.plusSignActive,.plusSignDeactive{align-self:center;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;height:200px;justify-self:center;z-index:1}.plusSignDeactive{display:none}.arrows{align-self:center;display:flex;flex-direction:column;grid-column-end:4;grid-column-start:3;justify-self:start;position:absolute;right:0;top:140px}.leftArrow,.rightArrow{cursor:pointer;transition:transform .3s ease}.leftArrow{z-index:7}.leftArrow:active,.rightArrow:active{transform:scale(.9)}.songArtist{color:#fff;display:grid;grid-template-columns:25% 25% 25% 25%;grid-template-rows:100%}.songArtist h4{justify-self:center}.albumPhotos{border-radius:10px;width:50px}@media (min-width:1500px){.resultsAndPlaylistTwo{display:none}.resultsAndPlaylist{display:grid;grid-template-columns:50% 34%;grid-template-rows:100%;margin-left:100px;margin-top:5%;width:900px}.searchResultsTwo{background-color:#3b103b;border-radius:10px;color:#fff;display:grid;grid-template-columns:25% 25% 25% 25%;height:90px;margin-top:20px;max-height:90px;width:850px}.albumTwo,.artistTwo{display:none}.searchResults{color:#fff;grid-template-rows:50% 20%;margin-left:11px}.addToPlaylist,.searchResults{display:grid;flex-direction:column;grid-template-columns:100%}.addToPlaylist{border-radius:20px;grid-column-end:3;grid-column-start:2;grid-template-rows:10% 10% 10% 1fr 20%;margin-left:auto;margin-right:auto;margin-top:0;min-height:500px;width:850px}}@media (min-width:1500px) and (max-width:1870px){.groupOfResults{width:643px}.resultsAndPlaylist{display:grid;grid-template-columns:50% 0;grid-template-rows:100%;margin-left:120px;margin-top:5%;width:900px}.arrows{align-self:center;display:flex;flex-direction:column;grid-column-end:4;grid-column-start:3;justify-self:center;margin-bottom:120px}.results{width:700px}.addToPlaylist{margin-top:0;min-height:500px;width:650px}.addedSongs{width:700px}.main{width:800px}.songArtist{display:none}.songNameOfAddedSong{font-size:.5rem}.album,.albumPhotoAndSongName h3,.artist{font-size:.7rem}.searchResultsTwo{background-color:#3b103b;border-radius:10px;color:#fff;display:grid;grid-template-columns:25% 25% 25% 25%;height:90px;margin-top:20px;max-height:90px;width:680px}.albumTwo,.artistTwo{display:none}}@media (min-width:1355px) and (max-width:1499px){.addToPlaylist{border-radius:20px;display:grid;flex-direction:column;grid-column-end:3;grid-column-start:2;grid-template-columns:100%;grid-template-rows:10% 10% 10% 1fr 20%;margin-left:auto;margin-right:auto;margin-top:0;min-height:500px;width:900px}h2{font-size:1.5rem}h3{font-size:1rem}.resultsAndPlaylist{display:grid;grid-template-columns:50% 0;grid-template-rows:100%;margin-left:140px;margin-top:5%;width:90%}.results{width:700px}.addToPlaylist{justify-self:center;width:650px}.clearEmblem{width:25px}.addedSongs{width:700px}.groupOfResults{width:643px}.songArtist{display:none}.album,.albumPhotoAndSongName h3,.artist{font-size:.7rem}.searchResultsTwo{background-color:#3b103b;border-radius:10px;color:#fff;display:grid;grid-template-columns:25% 25% 25% 25%;height:90px;margin-top:20px;max-height:90px;width:680px}.albumTwo,.artistTwo{display:none}.searchResults{color:#fff;display:grid;flex-direction:column;grid-template-columns:100%;grid-template-rows:50% 20%;margin-left:11px}.resultsAndPlaylistTwo{display:none}}@media (min-width:931px) and (max-width:1354px){.addToPlaylist{border-radius:20px;display:grid;flex-direction:column;grid-column-end:3;grid-column-start:2;grid-template-columns:100%;grid-template-rows:10% 10% 10% 1fr 20%;justify-self:center;margin-left:0;margin-right:100px;margin-top:0;min-height:500px;width:450px}.resultsAndPlaylist{display:grid;grid-template-columns:50% 0;grid-template-rows:100%;margin-left:0;margin-top:12%;width:40%}.groupOfResults{width:433px}.addToPlaylist{width:400px}.results{width:480px}.addedSongs{width:450px}.form{width:80%}.songArtist{display:none}.albumPhotoAndSongName h3{align-self:center;font-size:.7rem;margin-bottom:0;margin-left:0;margin-top:0}.album,.artist{display:none;font-size:.7rem}.searchResultsTwo{background-color:#3b103b;border-radius:10px;color:#fff;display:grid;grid-template-columns:60% 30%;height:120px;margin-top:20px;max-height:120px;width:430px}.songNameArtistAndAlbum{align-items:start;display:grid;grid-column-start:1;grid-column-start:2;grid-template-columns:100%;grid-template-rows:33% 33% 33%;height:60px;justify-content:center;margin-left:10px;margin-top:0;width:100%}.albumTwo,.artistTwo{align-self:center;margin-bottom:0;margin-top:0}.minus{margin-top:50px}.searchResults{color:#fff;display:grid;flex-direction:column;grid-template-columns:100%;grid-template-rows:50% 20%;margin-left:11px}.resultsAndPlaylistTwo{display:none}}@media (min-width:701px) and (max-width:930px){.resultsAndPlaylist{display:grid;grid-template-columns:100%;grid-template-rows:100%;margin:60px -50px 0 0;width:40%}.groupOfResults{width:333px}.addToPlaylist{width:270px}.results{width:380px}.addedSongs{width:350px}.form{width:80%}.songArtist{display:none}.albumPhotoAndSongName h3{align-self:center;font-size:.7rem;margin-bottom:0;margin-left:0;margin-top:0}.album,.artist{display:none;font-size:.7rem}.searchResultsTwo{background-color:#3b103b;border-radius:10px;color:#fff;display:grid;grid-template-columns:80% 10%;height:120px;margin-top:20px;max-height:120px;width:330px}.songNameArtistAndAlbum{align-items:start;display:grid;grid-column-start:1;grid-column-start:2;grid-template-columns:100%;grid-template-rows:33% 33% 33%;height:60px;justify-content:center;margin-left:10px;margin-top:0;width:100%}.albumTwo,.artistTwo{align-self:center;margin-bottom:0;margin-top:0}.minus{margin-top:50px}.searchResults{color:#fff;display:grid;flex-direction:column;grid-template-columns:100%;grid-template-rows:50% 20%;margin-left:11px}.resultsAndPlaylistTwo{display:none}.addToPlaylist{align-self:end;border-radius:20px;display:grid;flex-direction:column;grid-column-end:3;grid-column-start:2;grid-template-columns:100%;grid-template-rows:10% 10% 10% 1fr 20%;justify-self:end;margin-left:auto;margin-right:auto;margin-top:0;min-height:500px;width:330px}}@media(min-width:471px) and (max-width:700px){.searchResultsTwo{background-color:#3b103b;border-radius:10px;color:#fff;display:grid;grid-template-columns:60% 30%;height:120px;margin-top:20px;max-height:120px;width:98%}.songNameArtistAndAlbum{align-items:start;display:grid;grid-column-start:1;grid-column-start:2;grid-template-columns:100%;grid-template-rows:33% 33% 33%;height:60px;justify-content:center;margin-left:10px;margin-top:0;width:100%}.albumPhotoAndSongName h3{font-size:.7rem;margin-left:0}.albumPhotoAndSongName h3,.albumTwo,.artistTwo{align-self:center;margin-bottom:0;margin-top:0}.minus{margin-top:50px}.album,.artist{display:none;font-size:.7rem}.resultsAndPlaylistTwo{display:grid;grid-template-columns:100%;grid-template-rows:100%;margin:0 auto;width:100%}.resultsAndPlaylist,.songArtist{display:none}.main{margin-bottom:0;margin-top:0}.songPictureActive,.songPictureDeactive{height:120px;width:120px}.inputPlaylist{z-index:3}.ResultAndClear{margin-bottom:0;margin-top:0}.resultHeading{font-size:1.5rem;margin-bottom:5px;margin-top:7px}.plusSignActive{height:110px}.plusSignDeactive{height:90px}.groupOfResults{display:flex;height:400px;overflow:scroll;position:relative;width:100%}.groupOfResults::-webkit-scrollbar{display:none}.artistAndAlbumActive,.artistAndAlbumDeactive,.songNameFor{margin-top:0}.artistAndAlbumDeactive h3{font-size:.8rem;margin-top:0}.artistAndAlbumDeactive p{font-size:.6rem;margin-top:0}.artistAndAlbumActive h3{font-size:.8rem;margin-top:0}.artistAndAlbumActive p{font-size:.6rem;margin-top:0}.searchResults{color:#fff;display:grid;flex-direction:column;grid-template-columns:100%;grid-template-rows:35% 20%;margin-left:11px}.arrows{display:none}.addToPlaylist{align-self:end;border-radius:20px;display:grid;flex-direction:column;grid-column-end:3;grid-column-start:2;grid-template-columns:100%;grid-template-rows:10% 10% 10% 1fr 20%;justify-self:end;margin-left:auto;margin-right:auto;margin-top:0;min-height:450px;width:90%}.results{width:100%}.addedSongs{height:250px;width:103%}.submit{background-color:initial;border:1px solid #e6e5e7;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;grid-row-end:6;grid-row-start:5;height:30px;margin-left:auto;margin-right:auto;margin-top:0;min-width:150px}}@media(min-width:320px) and (max-width:470px){.searchResultsTwo{background-color:#3b103b;border-radius:10px;color:#fff;display:grid;grid-template-columns:80% 0;height:120px;margin-top:20px;max-height:120px;width:98%}.songNameArtistAndAlbum{align-items:start;display:grid;grid-column-start:1;grid-column-start:2;grid-template-columns:100%;grid-template-rows:33% 33% 33%;height:60px;justify-content:center;margin-left:10px;margin-top:0;width:100%}.albumPhotoAndSongName h3{font-size:.7rem;margin-left:0}.albumPhotoAndSongName h3,.albumTwo,.artistTwo{align-self:center;margin-bottom:0;margin-top:0}.minus{margin-top:50px}.album,.artist{display:none;font-size:.7rem}.resultsAndPlaylistTwo{display:grid;grid-template-columns:100%;grid-template-rows:100%;margin:0 auto;width:100%}.resultsAndPlaylist,.songArtist{display:none}.songPictureActive,.songPictureDeactive{height:100px;width:100px}.ResultAndClear{margin-bottom:0;margin-left:0;margin-top:0}.resultHeading{font-size:1.5rem;margin-bottom:5px;margin-top:7px}.plusSignActive,.plusSignDeactive{height:100px}.groupOfResults{display:flex;height:400px;overflow:scroll;position:relative;width:100%}.groupOfResults::-webkit-scrollbar{display:none}.artistAndAlbumActive,.artistAndAlbumDeactive,.songNameFor{margin-top:0}.artistAndAlbumDeactive h3{font-size:.8rem;margin-top:0}.artistAndAlbumDeactive p{font-size:.6rem;margin-top:0}.artistAndAlbumActive h3{font-size:.8rem;margin-top:0}.artistAndAlbumActive p{font-size:.6rem;margin-top:0}.searchResults{color:#fff;display:grid;flex-direction:column;grid-template-columns:100%;grid-template-rows:28% 20%;margin-left:11px}.arrows{display:none}.addToPlaylist{align-self:end;border-radius:20px;display:grid;flex-direction:column;grid-column-end:3;grid-column-start:2;grid-template-columns:100%;grid-template-rows:10% 10% 10% 1fr 20%;justify-self:end;margin-left:auto;margin-right:auto;margin-top:0;min-height:450px;width:90%}.results{width:100%}.addedSongs{height:250px;width:103%}.submit{background-color:initial;border:1px solid #e6e5e7;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;grid-row-end:6;grid-row-start:5;height:30px;margin-left:auto;margin-right:auto;margin-top:0;min-width:150px}.inputPlaylist{z-index:3}}h2{color:#fff;font-size:1.8rem;margin-left:5%}.existingPlaylist{background-color:initial;flex-direction:column}.groupOfPlaylists{background-color:#551f52;border-radius:15px;height:800px;overflow-x:hidden;overflow-y:scroll;width:600px}.lottie{margin-left:0;margin-top:150px;width:100%}.outerbox{background-color:#551f52;border-radius:15px;width:607px}.groupOfPlaylists::-webkit-scrollbar{height:10px;width:10px}.groupOfPlaylists::-webkit-scrollbar-track{background:#572a54;border-radius:10px;height:10px;margin-bottom:70px;margin-top:70px}.albumPhotoActive{border-radius:8px;cursor:pointer;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;height:50px;width:50px;z-index:2}.albumPhotoActive:active{opacity:.4;scale:.9}.albumPhotoDeactive{border-radius:8px;cursor:pointer;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;height:50px;width:50px}.playlistName{line-height:19px}.imageOfPlayAndPlusSign{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:50px}.groupOfSongsTwoActive{color:#fff;margin-left:13px}.song p{margin-bottom:5px}.groupOfSongsTwoDeactive{display:none}.nameOfPlayAndTracks{margin-left:20px;width:100%}.plusTwoActive{z-index:1}.plusTwoActive,.plusTwoDeactive{align-self:center;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;justify-self:center;width:50px}.groupOfPlaylists::-webkit-scrollbar-thumb{background-color:#81607d;border:3px solid #81607d;border-radius:10px}.loadMyPlaylist{background-color:initial;border:1px solid;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;height:40px;margin-left:auto;margin-right:30px;margin-top:20px;min-width:150px;transition:scale .1s ease}.loadMyPlaylist:active{scale:.95}.playlistAndButton{display:flex;flex-direction:row;width:100%}.imageAndAlbumPhotoPlaylistName{display:flex;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;margin-left:10px}.playlistNameAndSongs h3{color:#fff;font-size:1.3rem;grid-row-end:2;grid-row-start:1;margin-bottom:13px;margin-left:6%}.myPlaylist{margin-bottom:10px;margin-left:0}.playlistNameAndSongs{display:grid;grid-template-columns:60% 10% 20%;grid-template-rows:100%;margin-top:20px}.songs{color:#fff;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:2;margin-left:7%}.divider{background-color:#fff;border-radius:20px;grid-row-end:4;grid-row-start:3;height:3px;justify-self:center;width:90%}.arrowDownVectorDeactive{align-self:center;margin-right:50px;margin-top:10px;transform:rotate(0deg)}.arrowDownVectorActive,.arrowDownVectorDeactive{cursor:pointer;grid-column-end:5;grid-column-start:4;grid-row-end:2;grid-row-start:1;height:20px;justify-self:center;transition:transform .2s ease;z-index:1}.arrowDownVectorActive{align-self:start;margin-right:30%;margin-top:20px;transform:rotate(180deg)}@media(min-width:1084px) and (max-width:1620px){.groupOfPlaylists{width:450px}.outerbox{width:407px}}@media(max-width:1354px){.myPlaylist{margin-bottom:21px;margin-left:0}}@media(min-width:701px) and (max-width:1083px){.groupOfPlaylists{width:280px}.outerbox{width:250px}.playlistNameAndSongs{display:grid;grid-template-columns:80% 10% 5%;grid-template-rows:100%;margin-top:20px}.playlistNameAndSongs h3{color:#fff;font-size:1rem;grid-row-end:2;grid-row-start:1;margin-left:6%}.arrowDownVectorDeactive{align-self:center;cursor:pointer;margin-top:0;transform:rotate(0deg);transition:transform .2s ease;z-index:1}.arrowDownVectorActive,.arrowDownVectorDeactive{grid-column-end:4;grid-column-start:3;grid-row-end:2;grid-row-start:1;height:17px;justify-self:start}.arrowDownVectorActive{align-self:start}}@media(min-width:471px) and (max-width:700px){.groupOfPlaylists,.outerbox{height:600px;width:100%}.arrowDownVectorDeactive{align-self:center;cursor:pointer;margin-top:0;transform:rotate(0deg);transition:transform .2s ease;z-index:1}.arrowDownVectorActive,.arrowDownVectorDeactive{grid-column-end:5;grid-column-start:4;grid-row-end:2;grid-row-start:1;height:17px;justify-self:start}.arrowDownVectorActive{align-self:start}.playlistNameAndSongs h3{color:#fff;font-size:1rem;grid-row-end:2;grid-row-start:1;margin-bottom:13px;margin-left:6%}}@media(min-width:320px) and (max-width:470px){.groupOfPlaylists,.outerbox{height:600px;width:100%}.arrowDownVectorDeactive{align-self:center;cursor:pointer;margin-top:0;transform:rotate(0deg);transition:transform .2s ease;z-index:1}.arrowDownVectorActive,.arrowDownVectorDeactive{grid-column-end:5;grid-column-start:4;grid-row-end:2;grid-row-start:1;height:17px;justify-self:start}.arrowDownVectorActive{align-self:start}.playlistNameAndSongs{display:grid;grid-template-columns:80% 5% 5%;grid-template-rows:100%;margin-top:20px}.playlistNameAndSongs h3{color:#fff;font-size:1rem;grid-row-end:2;grid-row-start:1;margin-left:6%}}.search{grid-row-end:3;grid-row-start:2;justify-self:center;margin-right:100px}.playlists,.search{grid-column-end:2;grid-column-start:1}.playlists{grid-row-end:4;grid-row-start:3}.searching{grid-column-end:3;grid-column-start:1;grid-row-end:2;grid-row-start:1}.existingPlaylist{grid-column-end:3;grid-column-start:2;grid-row-end:4;grid-row-start:2;margin-top:82px}.backArrow{height:30px;width:30px}@media(min-width:1621px){.components{display:grid;grid-template-columns:60% 40%;grid-template-rows:10% 35% 1fr;height:1400px;margin-left:auto;margin-right:auto;max-width:2000px;width:100%}.SearchBarMobile,.existingPlayTwo,.existingPlayTwoDeactive,.playlistsTwo,.playlistsTwoDeactive,.searchTwo,.searchTwoDeactive{display:none}}@media(min-width:1355px) and (max-width:1620px){.components{display:grid;grid-template-columns:60% 40%;grid-template-rows:10% 35% 1fr;height:1400px;margin-left:auto;margin-right:auto;width:1300px}.existingPlaylist{margin-left:100px}.search{grid-column-end:2;grid-column-start:1;grid-row-end:3;grid-row-start:2;justify-self:end;margin-right:0}.SearchBarMobile,.existingPlayTwo,.existingPlayTwoDeactive,.playlistsTwo,.playlistsTwoDeactive,.searchTwo,.searchTwoDeactive{display:none}}@media(min-width:805px) and (max-width:1354px){.components{display:grid;grid-template-columns:60% 40%;grid-template-rows:10% 35% 1fr;height:1400px;margin-left:auto;margin-right:auto;width:900px}.search{grid-column-end:2;grid-column-start:1;grid-row-end:3;grid-row-start:2;justify-self:end;margin-right:20px}.SearchBarMobile,.existingPlayTwo,.existingPlayTwoDeactive,.playlistsTwo,.playlistsTwoDeactive,.searchTwo,.searchTwoDeactive{display:none}}@media (min-width:701px) and (max-width:930px){.components{display:grid;grid-template-columns:60% 40%;grid-template-rows:10% 35% 1fr;height:1400px;margin-left:auto;margin-right:auto;width:700px}.search{grid-column-end:2;grid-column-start:1;grid-row-end:3;grid-row-start:2;justify-self:end;margin-bottom:0;margin-right:70px;margin-top:0}.SearchBarMobile,.existingPlayTwo,.existingPlayTwoDeactive,.playlistsTwo,.playlistsTwoDeactive,.searchTwo,.searchTwoDeactive{display:none}}@media(min-width:471px) and (max-width:700px){.components{display:grid;grid-template-columns:100%;grid-template-rows:20% 80%;width:100%}.backArrow,.components{margin-left:auto;margin-right:auto}.backArrow{margin-bottom:0}.existingPlayTwo{align-self:start;display:flex;flex-direction:column;grid-column-end:2;grid-column-start:1;grid-row-end:3;grid-row-start:1;justify-content:center;justify-self:start;margin-top:10px;width:100%}.exsitsingPlayer{margin-left:auto;margin-right:auto;width:80%}.existingPlaylist{margin-top:0}.existingPlay,.existingPlayTwoDeactive,.playlistsDeactive,.searchDeactive{display:none}.searchTwo{align-self:start;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;margin-left:0;margin-right:0;margin-top:0;overflow:hidden;width:100%}.search,.searching{display:none}.playlistsTwo{align-self:start;grid-column-end:2;grid-column-start:1;grid-row-end:3;grid-row-start:2;margin-top:90px}.playlists,.playlistsTwoDeactive,.searchTwoDeactive{display:none}}@media(min-width:320px) and (max-width:470px){.components{display:grid;grid-template-columns:100%;grid-template-rows:20% 80%;width:100%}.backArrow,.components{margin-left:auto;margin-right:auto}.backArrow{margin-bottom:0}.existingPlayTwo{align-self:start;display:flex;flex-direction:column;grid-column-end:2;grid-column-start:1;grid-row-end:3;grid-row-start:1;justify-content:center;justify-self:start;margin-top:10px;width:100%}.exsitsingPlayer{margin-left:auto;margin-right:auto;width:80%}.existingPlaylist{margin-top:0}.existingPlay,.existingPlayTwoDeactive,.playlistsDeactive,.searchDeactive{display:none}.searchTwo{align-self:start;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1;margin-left:0;margin-right:0;margin-top:0;overflow:hidden;width:100%}.search,.searching{display:none}.playlistsTwo{align-self:start;grid-column-end:2;grid-column-start:1;grid-row-end:3;grid-row-start:2;margin-top:90px}.playlists,.playlistsTwoDeactive,.searchTwoDeactive{display:none}}.mobileButtons{background-color:#33143b;bottom:0;display:grid;grid-template-columns:33% 33% 33%;grid-template-rows:100%;height:70px;left:0;margin-left:0;position:fixed;width:100%;z-index:3}.hoouseHome{align-items:center;color:#e6e5e7;display:flex;flex-direction:column;justify-self:center;margin-top:5px}.hoouseHome:active{opacity:.8}.house{margin-bottom:0;width:30px}.hoouseHome h5{margin-top:5px}.magnifyAndSearch{align-items:center;color:#e6e5e7;display:flex;flex-direction:column;justify-self:center;margin-top:5px}.maginifySearch{margin-bottom:0;width:30px}.magnifyAndSearch h5{margin-top:5px}.bookAnsPlaylist{align-items:center;color:#e6e5e7;display:flex;flex-direction:column;justify-self:center;margin-top:5px}.book{margin-bottom:0;width:30px}.bookAnsPlaylist h5{margin-top:5px}@media(min-width:701px){.mobileButtons,.searchBoxOuterActive{display:none}}@media(max-width:700px){.searchBoxOuterActive{align-items:center;background-color:#412446;bottom:69px;display:flex;height:80px;justify-content:center;position:fixed;width:100%;z-index:2}.searchBoxOuterDeactive{display:none}.searchBoxInner{align-items:center;display:flex;justify-content:center;position:relative;width:70%}.searchBarMobile{background-color:#56345c;border-radius:6px;color:#e6e5e7;height:45px;text-align:center;width:100%}.searchBarMobile,.searchBarMobile:focus{border:none;outline:none}.searchBarMobile::placeholder{color:#e6e5e7;text-align:center}.searchBarMobile:focus::placeholder{color:#0000}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.searchBarMobile input[type=search]{color:#fff}.magnifyForMobile{left:1%;position:absolute}}.blurBackground{display:grid;height:90%;position:absolute;width:100%}.demoAccount{align-items:center;align-self:center;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);background-color:hsla(0,0%,100%,.089);border:3px solid;border:2px solid hsla(0,0%,100%,.089);border-radius:10px;color:#fff;display:grid;flex-direction:column;grid-template-columns:10% 80% 10%;grid-template-rows:10% 30% 20% 15% 15% 10%;height:450px;justify-content:center;justify-self:center;line-height:10px;width:600px;z-index:7}h3{font-size:1.8rem;line-height:1px}h4{font-size:1.3rem;margin:10px}.welcomeJammingHeading{font-size:2.3rem;margin-left:0}.loginDetails{font-size:1rem;margin-top:0}.takeMeToSpotify{background-color:#ccbecb;border:none;border-radius:10px;color:#000;cursor:pointer;font-size:1rem;font-weight:600;grid-column-end:3;grid-column-start:2;grid-row-end:6;grid-row-start:5;height:50px;margin-left:auto;margin-right:auto;margin-top:30px;min-width:100px;width:75%}.ex{grid-column-end:4;grid-column-start:3;grid-row-end:2;grid-row-start:1;transform:rotate(45deg)}.welcomeAndHere{align-items:center;display:flex;flex-direction:column;grid-column-end:3;grid-column-start:2;grid-row-end:3;grid-row-start:2}.manUserName{grid-row-end:4;grid-row-start:3}.manPassword,.manUserName{border:1px solid #d4c6d6;border-radius:10px;display:grid;grid-column-end:3;grid-column-start:2;grid-template-columns:10% 80% 10%;margin-left:auto;margin-right:auto;width:75%}.manPassword{grid-row-end:5;grid-row-start:4}.man{grid-column-end:2;grid-column-start:1}.man,.tick{align-self:center;grid-row-end:2;grid-row-start:1;justify-self:center}.tick{grid-column-end:4;grid-column-start:3}.manTwo{grid-column-end:2;grid-column-start:1}.manTwo,.tickTwo{align-self:center;grid-row-end:2;grid-row-start:1;justify-self:center}.tickTwo{grid-column-end:4;grid-column-start:3}.passwordDemo,.usernameAndDemoAccount{align-self:center;grid-column-end:3;grid-column-start:2;grid-row-end:2;grid-row-start:1;margin-left:15%}.password{font-size:1rem;font-weight:100;opacity:.5}.demoAccountt{font-size:1.2rem;font-weight:100}.accounts{font-size:1rem;font-weight:100;opacity:.5}.iAmDemo{font-size:1.2rem;font-weight:200}@media(min-width:500px) and (max-width:1083px){.demoAccount{width:450px}.welcomeJammingHeading{font-size:2rem;margin-left:0}.loginDetails{font-size:.9rem;margin-top:0}.manPassword,.manUserName,.takeMeToSpotify{width:95%}}@media(min-width:320px) and (max-width:499px){.demoAccount{width:320px}.welcomeJammingHeading{font-size:1.4rem;margin-left:0}.loginDetails{font-size:.7rem;margin-top:0}.manPassword,.manUserName,.takeMeToSpotify{width:100%}.password{font-size:.9rem;font-weight:100;opacity:.5}.demoAccountt{font-size:.85rem;font-weight:100}.accounts{font-size:.9rem;font-weight:100;opacity:.5}.iAmDemo{font-size:.85rem;font-weight:200}}#linkToSpotify{background-color:#ccbecb;border:none;border-radius:50px;color:#a65c60;grid-column-end:2;grid-column-start:1}#demo,#linkToSpotify{cursor:pointer;font-size:1.2rem;height:70px;margin-top:30px;min-width:200px}#demo{background-color:initial;border:3px solid #d9d9d9;border-radius:50px;color:#b6b6b6;grid-column-end:3;grid-column-start:2}#linkToSpotify:hover{background-color:#b2a8b2}.mainheadingAndSpotify{align-items:center;display:flex;flex-direction:column;justify-content:center}.mainheadingAndSpotify h1{color:#fff;font-size:64px}.createYourOwn{height:180px;margin-bottom:0;margin-top:30px}.headingHidden{position:absolute;visibility:hidden}@media(min-width:1084px){.createYourOwnTwo{display:none}#parentLinkToSpotify{grid-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:50% 50%}}@media(min-width:805px) and (max-width:1083px){.createYourOwnTwo{display:none}.createYourOwn{height:170px}#demo,#linkToSpotify{font-size:1rem;height:60px;min-width:150px}#parentLinkToSpotify{grid-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:50% 50%}}@media(min-width:500px) and (max-width:804px){.createYourOwnTwo{display:none}.createYourOwn{height:130px}#demo,#linkToSpotify{font-size:.9rem;height:50px;min-width:150px}#parentLinkToSpotify{grid-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:50% 50%}}@media(min-width:320px) and (max-width:499px){.createYourOwn{display:none}#demo,#linkToSpotify{font-size:.8rem;height:40px;min-width:100%}#parentLinkToSpotify{grid-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:100%;width:320px}}.parentDiv{height:100vh}.linkToSpotify{align-self:center;grid-column-end:5;grid-column-start:2;grid-row-end:2;grid-row-start:1;justify-self:center;margin-left:0}.stageAndArtist{grid-column-end:6;grid-column-start:1;margin-top:5%}.stage,.stageAndArtist{align-self:center;grid-row-end:3;grid-row-start:2;justify-self:center}.stage{grid-column-end:5;grid-column-start:2}.guitarist{align-self:center;grid-column-end:2;grid-column-start:1;grid-row-end:3;justify-self:center;margin-bottom:30px;margin-left:330px}.guitarist,.pianist{grid-row-start:1;height:300px;z-index:1}.pianist{grid-column-end:3;grid-column-start:2;grid-row-end:4;margin-bottom:100px;margin-left:70px}.singer{grid-column-end:5;grid-column-start:4;justify-self:end;z-index:2}.singer,.women{align-self:center;grid-row-end:3;grid-row-start:1;height:300px}.women{grid-column-end:4;justify-self:center;margin-top:50px}.drummer,.women{grid-column-start:3;z-index:1}.drummer{grid-column-end:5;grid-row-end:4;grid-row-start:1;height:250px;margin-left:250px}@media(min-width:1621px){.parentHomeDiv{display:grid;grid-template-columns:20% 20% 20% 20% 20%;grid-template-rows:40% 60%;margin-top:10px;overflow:hidden;width:100%}.stageTwo{display:none}.stageAndArtist{display:grid;grid-template-columns:20% 20% 20% 20% 20%;grid-template-rows:50% 50%}.shadowCircle,.shadowCircleTwo{display:none}}@media(min-width:1084px) and (max-width:1620px){.parentHomeDiv{display:grid;grid-template-columns:20% 60% 20%;grid-template-rows:50% 50%;margin-top:10px;width:100%}.stageAndArtist{width:1084px}.linkToSpotify{align-self:center;grid-column-end:3;grid-column-start:2;grid-row-end:2;grid-row-start:1;justify-self:center;margin:0}.guitarist{grid-column-end:2;grid-column-start:1;grid-row-end:3;grid-row-start:1;height:270px;margin-left:60px}.pianist{grid-column-end:3;grid-column-start:2;grid-row-end:4;height:250px;margin-bottom:100px;margin-left:0}.pianist,.women{grid-row-start:1;z-index:1}.women{grid-column-end:4;grid-column-start:3;justify-self:center;margin-top:50px}.singer,.women{align-self:center;grid-row-end:3;height:280px}.singer{grid-column-end:6;grid-column-start:4;grid-row-start:1;justify-self:end;margin-bottom:50px;z-index:2}.drummer{grid-column-end:5;grid-column-start:3;grid-row-end:4;grid-row-start:1;height:250px;margin-left:200px;z-index:1}.stageTwo{display:none}.stageAndArtist{display:grid;grid-template-columns:20% 20% 20% 20% 20%;grid-template-rows:50% 50%}.shadowCircle,.shadowCircleTwo{display:none}}@media(min-width:805px) and (max-width:1083px){.parentHomeDiv{display:grid;grid-template-columns:20% 60% 20%;grid-template-rows:50% 50%;margin-top:10px;width:100%}.stageAndArtist{width:804px}.linkToSpotify{align-self:center;grid-column-end:3;grid-column-start:2;grid-row-end:2;grid-row-start:1;justify-self:center;margin:0}.guitarist{grid-column-end:2;grid-column-start:1;grid-row-end:3;margin-left:60px}.guitarist,.pianist{grid-row-start:1;height:220px}.pianist{grid-column-end:3;grid-column-start:2;grid-row-end:4;margin-bottom:100px;margin-left:0;z-index:1}.women{grid-column-end:4;grid-column-start:3;height:220px;justify-self:center;margin-top:50px;z-index:1}.singer,.women{align-self:center;grid-row-end:3;grid-row-start:1}.singer{grid-column-end:6;grid-column-start:4;height:230px;justify-self:end;margin-bottom:50px;z-index:2}.drummer{grid-column-end:5;grid-column-start:3;grid-row-end:4;grid-row-start:1;height:220px;margin-left:140px;z-index:1}.stage{width:800px}.stageTwo{display:none}.stageAndArtist{display:grid;grid-template-columns:20% 20% 20% 20% 20%;grid-template-rows:50% 50%}.shadowCircle,.shadowCircleTwo{display:none}}@media(min-width:500px) and (max-width:804px){.parentHomeDiv{display:grid;grid-template-columns:20% 60% 20%;grid-template-rows:50% 50%;margin-top:10px;overflow:hidden;width:100%}.stageAndArtist{width:804px}.linkToSpotify{align-self:center;grid-column-end:3;grid-column-start:2;grid-row-end:2;grid-row-start:1;justify-self:center;margin:0}.guitarist{grid-row-end:3;justify-self:start;margin-left:0;z-index:2}.guitarist,.pianist{align-self:center;grid-column-end:3;grid-column-start:1;grid-row-start:1;height:150px;margin-top:100px}.pianist{grid-row-end:4;justify-self:center;margin-left:100px;z-index:1}.women{grid-column-end:4;grid-column-start:3;justify-self:center;margin-top:80px;z-index:1}.singer,.women{align-self:center;grid-row-end:3;grid-row-start:1;height:150px}.singer{grid-column-end:6;grid-column-start:4;justify-self:end;margin-bottom:0;margin-top:40px;z-index:2}.drummer{grid-column-end:5;grid-column-start:3;grid-row-end:3;grid-row-start:1;height:140px;margin-bottom:0;margin-left:90px;margin-top:100px;z-index:1}.stage{width:500px}.stageTwo{display:none}.stageAndArtist{display:grid;grid-template-columns:20% 20% 20% 20% 20%;grid-template-rows:50% 50%;width:500px}.shadowCircle,.shadowCircleTwo{display:none}}@media(min-width:320px) and (max-width:499px){.parentHomeDiv{display:grid;grid-template-columns:20% 60% 20%;grid-template-rows:50% 50%;margin-top:60px;width:100%}.stageAndArtist{margin-top:50px;width:804px}.linkToSpotify{align-self:center;grid-column-end:3;grid-column-start:2;grid-row-end:2;grid-row-start:1;justify-self:center;margin:0}.guitarist{align-self:start;grid-row-start:3;height:120px;justify-self:start;margin-left:30px;z-index:2}.guitarist,.pianist{grid-column-end:3;grid-column-start:1;grid-row-end:4;margin-top:0}.pianist{align-self:center;grid-row-start:1;height:110px;justify-self:center;margin-left:80px;z-index:1}.women{grid-column-end:4;grid-column-start:3;margin-top:10px;z-index:1}.singer,.women{align-self:center;grid-row-end:4;grid-row-start:3;height:120px;justify-self:center}.singer{grid-column-end:6;grid-column-start:4;margin-bottom:0;margin-left:0;margin-top:30px;z-index:2}.drummer{grid-column-end:5;grid-column-start:3;grid-row-end:3;grid-row-start:1;height:110px;margin-bottom:10px;margin-left:40px;margin-top:0;z-index:1}.stage,.stageTwo{display:none}.stageAndArtist{display:grid;grid-template-columns:20% 20% 20% 20% 20%;grid-template-rows:25% 25% 25% 25%;width:320px}.shadowCircleTwo{align-self:center;grid-row-end:4;grid-row-start:3;margin-top:100px}.shadowCircle,.shadowCircleTwo{grid-column-end:6;grid-column-start:1;justify-self:center}.shadowCircle{align-self:end;grid-row-end:3;grid-row-start:1;margin-bottom:10px}}
/*# sourceMappingURL=main.3d9add2e.css.map*/