html{min-height:100%}body{background-image:url(/static/media/bgimg.e9d066a8.jpg);margin:0;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}img{object-fit:fill}#modal{display:flex;justify-content:center;align-items:center;z-index:101}#modal,#modal-background{position:fixed;top:0;right:0;left:0;bottom:0}#modal-background{background-color:rgba(0,0,0,.7)}#modal-content{position:absolute;display:flex;align-items:center;justify-content:center;background-color:rgba(25,241,241,.7);box-shadow:0 0 25px 5px #19f1f1;width:500px;height:300px;border-radius:5px}.modalChildren{margin-top:10px;grid-gap:10px;gap:10px}.emPassContainer{display:flex;justify-content:center;flex-direction:column;grid-gap:10px;gap:10px;font-size:30px;font-family:JohnnyFever}.emailField,.passwordField{font-size:20px;margin-left:10px;border-radius:5px}.loginSubButt{display:flex;justify-content:center;margin-top:10px;padding:0;border:none;background-color:#c400f7;box-shadow:0 0 15px 5px #c400f7;border-radius:15px;width:120px;height:40px;align-items:center;margin-left:150px;font-size:20px;font-family:JohnnyFever;letter-spacing:2px;cursor:pointer}.loginSubButt:hover{background-color:#de7df6;box-shadow:0 0 15px 5px #de7df6;letter-spacing:2px}#uploadhr{margin-left:60px;margin-top:20px}@font-face{font-family:"JohnnyFever";src:local("JohnnyFever"),url(/static/media/johnnyfever.9785f19e.otf) format("opentype")}@font-face{font-family:"ZeroesOne";src:local("ZeroesOne"),url(/static/media/zeroesone.f1a0c3dd.ttf) format("opentype")}.homePageContainer{display:flex;position:relative;flex-direction:column;border-radius:5px;align-items:center}.homePageInnerStuffContainer{display:flex;flex-direction:column;background-color:rgba(69,14,255,.8);margin-top:50px;width:1140px;height:100vh}.recentlyPlayed{display:flex;margin-left:120px;margin-bottom:20px;padding-top:50px;font-size:40px;color:#00dede;text-shadow:0 0 1px #00dede,0 0 12px #00dede,0 0 18px #00dede;font-family:ZeroesOne}.hpLRButtons{display:flex;position:absolute;justify-content:space-between;margin-top:210px}.hpLRButtons>:hover{cursor:pointer;color:#c400f7;text-shadow:0 0 1px #c400f7,0 0 12px #c400f7,0 0 18px #c400f7}.fa-chevron-left{margin-left:20px}.fa-chevron-left,.fa-chevron-right{position:absolute;font-size:100px;color:#00dede;text-shadow:0 0 1px #00dede,0 0 12px #00dede,0 0 18px #00dede}.fa-chevron-right{margin-left:1055px}.track{width:200px}.tracks{display:grid;margin-left:100px;max-width:900px;grid-gap:100px;padding:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-auto-flow:column;grid-auto-columns:minmax(160px,1fr);overflow-x:auto;scroll-behavior:smooth;overflow:hidden;box-shadow:0 0 65px #00dede;border:1px solid #009090;border-radius:5px}.tracksPageTrackImage{min-width:200px;min-height:200px;max-width:200px;max-height:200px;box-shadow:0 0 25px #e479ff;border-radius:5px}.trackName{text-decoration:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:20px;width:200px;font-family:JohnnyFever;color:#00dede;text-shadow:0 0 1px #00dede,0 0 12px #00dede,0 0 18px #00dede}.hr{height:1px;margin-top:250px;margin-left:50px;width:1000px;border-top:3px solid rgba(69,14,255,.8);box-shadow:0 0 25px 5px rgba(69,14,255,.8)}.uploadPageContainer{display:flex;flex-direction:column;margin:auto;align-items:center}.uploadPageInnerStuff{display:flex;flex-direction:column;background:rgba(192,0,255,.8);background:linear-gradient(187deg,rgba(192,0,255,.8),rgba(76,205,254,.8));min-width:1140px;min-height:100vh;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.newTrackForm{font-size:30px;font-family:Zeroesone}.uploadFormContainer{position:absolute;justify-content:center;flex-direction:column;align-self:center;margin-top:100px;margin-left:340px}.uploadTrackName{display:flex;flex-direction:row}.inputUploadName{margin-top:-5px;margin-left:10px}.uploadName{height:20px}.genreSelContainer{display:flex;flex-direction:row}.genreSelect{margin-left:10px;font-size:20px}.genreSelect,.trackURL,.uploadFile{font-family:Zeroesone}.uploadFile{font-size:20px;margin-left:10px}.imageURL{display:flex;flex-direction:row}.imageUrlContainer{margin-top:-5px}.imageUrlField{height:20px;margin-left:10px;width:250px}.subBut{margin-left:70px}.uploadSubButt{border:none;border-radius:15px;background-color:#c400f7;box-shadow:0 0 15px 5px #c400f7;font-size:20px;font-family:Zeroesone;margin-top:20px;width:200px;height:50px;letter-spacing:2px}.uploadSubButt:hover{background-color:#de7df6;box-shadow:0 0 15px 5px #de7df6;letter-spacing:2px;cursor:pointer}.uploadPageDesc{margin-top:100px;margin-left:370px;font-size:40px;font-family:Zeroesone}.ugh{font-family:JohnnyFever;font-size:40px;margin-top:350px;margin-left:310px}.cloudImage{width:100px}.navbarObjectsContainer>*{display:flex;height:60px;border-right:2px solid #220070;justify-content:center;align-items:center;text-align:center;width:200px}.streamLink{margin-right:20px}.hidden{display:none!important}.navBarContainer{position:absolute;box-sizing:border-box;background-color:#000;top:0;left:0;margin:0;padding:0;height:60px;width:100%;z-index:100}.navbarObjectsContainer{display:flex;box-sizing:border-box;flex-direction:row;margin-left:100px;margin-right:100px;justify-content:center}.navbarObjectsContainer>*{width:150px}.navbarObjectsContainer>*>*{text-decoration:none;align-items:center;color:#450eff;font-family:JohnnyFever;font-size:25px;letter-spacing:2px}.navbarObjectsContainer>*>:hover{color:#c400f7;text-shadow:0 0 1px #c400f7,0 0 12px #c400f7,0 0 18px #c400f7}.search-container{width:700px}span{display:inline-block;border:0;margin:0;color:#c700bd}.search-bar{cursor:text;height:1.5rem;background-color:#e8e8e8;color:#000;font-family:Zeroesone;border:.5px solid grey;outline:grey;width:630px;height:34px;padding:1px 20px;font-size:14px;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;margin-right:20px;margin-left:20px}.search-bar:focus,.search-bar:hover{background-color:#f2f2f2}.search-bar:focus{border-bottom:none;background-color:#f2f2f2!important}.search-results{position:absolute;background-color:#f2f2f2;width:658px;overflow:hidden;border-top:0!important;border:.5px solid grey;border-bottom-left-radius:4px;border-bottom-right-radius:4px;font-size:14px;padding:20px 0;margin-top:105px;margin-right:0}.result{display:flex;padding:5px 20px;margin:0;cursor:pointer}.result:hover{background-color:#e6e6e6}.no-result{display:flex;grid-gap:60px;gap:60px;padding:5px 20px;margin:0}.fa-ellipsis-h{font-size:35px;color:#450eff}.account-word{font-weight:600;cursor:pointer;text-underline-offset:10.5px;-webkit-text-decoration-color:#c700bd!important;text-decoration-color:#c700bd!important;text-decoration-thickness:2px!important;-webkit-user-select:none;user-select:none}.account{display:flex;flex-direction:column}.account-dropdown{display:flex;background-color:#000;width:155px;border:.5px solid #450eff;border-radius:4px;right:0;text-align:left;margin-right:20px;margin-bottom:-55px;z-index:5}.logoutBtn{margin-top:5px;width:150px;font-size:20px;text-align:center}.logoutBtn,.profieLink{cursor:pointer}.account-dropdown{margin-left:20px}.singleTrackPageContainer{display:flex;flex-direction:column;margin:auto;align-items:center}.singleTrackInnerStuffContainer{display:flex;flex-direction:column;background:rgba(192,0,255,.8);background:linear-gradient(187deg,rgba(192,0,255,.8),rgba(76,205,254,.8));min-width:1140px;margin-top:60px;min-height:100vh;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.singleTrackDetails{margin-top:100px}.singleTrackImage{min-width:250px;min-height:250px;max-width:250px;max-height:250px;margin-left:850px;margin-top:-110px;box-shadow:0 0 25px 15px #220070}.waveformContainer{display:flex;flex-direction:column;margin-top:-150px}.waveform{width:780px;position:absolute;margin-left:15px;margin-top:30px}.playPause{display:flex;position:absolute;margin-top:-80px;margin-left:30px;font-size:70px;background:none;border:none;padding:0;cursor:pointer;outline:inherit}.playPause,.singleTrackName{color:#00dede;text-shadow:0 0 1px #00dede,0 0 12px #00dede,0 0 18px #00dede}.singleTrackName{font-size:40px;margin-top:0;width:800px;overflow-wrap:break-word}.singleTrackArtist,.singleTrackName{font-family:ZeroesOne;margin-left:120px}.singleTrackArtist{font-size:60px;color:#00dede;text-shadow:0 0 1px #00dede,0 0 12px #00dede,0 0 18px #00dede;margin-top:-80px}.playPause:hover{color:#00c0c0;text-shadow:0 0 1px #00c0c0,0 0 12px #00c0c0,0 0 18px #00c0c0}.commentContainer{display:flex;margin-left:55px;margin-top:130px;flex-direction:column-reverse}.commentDetContainer{margin-top:40px;font-family:JohnnyFever}.commentUser{font-size:20px}.commentContent,.commentUser{color:#00dede;text-shadow:0 0 1px #00c0c0,0 0 12px #00c0c0,0 0 18px #00c0c0}.commentContent{font-size:30px;overflow-wrap:break-word;max-width:1000px}.createCommentContainer{position:absolute}.delComBtn{background-color:#00dede;box-shadow:0 0 25px 5px #00dede;border-radius:4px;border:none;font-size:18px;font-family:Zeroesone;letter-spacing:2px;cursor:pointer;transition:all .6s cubic-bezier(.165,.84,.44,1);height:20px;width:80px;margin-left:20px;margin-top:5px;text-align:center;padding:0 0 20px}.delComBtn:hover{background-color:#de7df6;box-shadow:0 0 15px 5px #de7df6}.newCommentForm{margin-left:55px}.commentField{width:800px;border-radius:5px;border:none;box-shadow:0 0 15px 5px #de7df6;font-size:20px;font-family:JohnnyFever;letter-spacing:2px}.allCommentStuff{height:100%;display:flex;flex-direction:column;margin-bottom:100px}.commenthr{height:1px;margin-bottom:10px;width:1000px;border-top:3px solid rgba(69,14,255,.8);box-shadow:0 0 25px 5px rgba(69,14,255,.8)}.subButt{width:200px;color:#000;margin-left:0}.errors{font-size:14px;font-family:Zeroesone;letter-spacing:2px}.comment{margin-top:-20px}.editSubmit{display:flex;flex-direction:column;align-items:center}.commentForm{height:100px;width:300px;border-radius:5px;box-shadow:0 0 15px 5px #de7df6}.commentForm,.editSubButt{display:flex;border:none;font-size:20px;font-family:JohnnyFever}.editSubButt{justify-content:center;margin-top:20px;padding:0;background-color:#c400f7;box-shadow:0 0 15px 5px #c400f7;border-radius:15px;width:120px;height:40px;align-items:center;letter-spacing:2px;cursor:pointer}.editSubButt:hover{background-color:#de7df6;box-shadow:0 0 15px 5px #de7df6;letter-spacing:2px}.editModalDesc{font-size:20px;font-family:JohnnyFever;margin-top:10px}.signupFormContainer{flex-direction:column;grid-gap:10px;gap:10px;font-size:25px}.signupFormContainer,.signupSubButt{display:flex;justify-content:center;font-family:JohnnyFever}.signupSubButt{margin-top:10px;padding:0;border:none;background-color:#c400f7;box-shadow:0 0 15px 5px #c400f7;border-radius:15px;width:120px;height:40px;align-items:center;margin-left:150px;font-size:20px;letter-spacing:2px;cursor:pointer}.signupSubButt:hover{background-color:#de7df6;box-shadow:0 0 15px 5px #de7df6;letter-spacing:2px}.commentBtnContainer{margin-top:10px;margin-left:-20px}cdcf.splashPageContainer{display:flex;margin-top:70px}.splashDescContainer{display:flex;width:100%;margin-top:120px;margin-left:5%;margin-right:5%;justify-content:space-between}.enterSiteContainer{display:flex;flex-direction:column}.splashDesc{display:flex;width:600px;font-family:ZeroesOne;text-align:left;font-size:50px;color:#00caca;text-shadow:0 0 1px #00caca,0 0 12px #00caca,0 0 18px #00caca}.splashBtn,.splashSignUpLink{width:300px}.splashBtn{display:flex;overflow:hidden;position:static;text-align:center;white-space:nowrap;height:70px;border-radius:24px;cursor:pointer;background-color:#00caca;box-shadow:0 0 25px #00caca;color:#000;justify-content:center;align-items:center;font-size:18px;font-weight:700;grid-gap:10px;gap:10px;margin-right:120px;margin-top:30px;font-family:JohnnyFever;text-decoration:none;font-size:30px;letter-spacing:2px}.splashBtn:hover{background-color:#c400f7;box-shadow:0 0 25px #c400f7;letter-spacing:2px}.splashDemoBtn{border:none}.loginbtn{display:flex;width:300px;overflow:hidden;position:static;text-align:center;white-space:nowrap;height:70px;border-radius:24px;cursor:pointer;background-color:#00caca;box-shadow:0 0 25px #00caca;color:#000;justify-content:center;align-items:center;font-size:18px;font-weight:700;grid-gap:10px;gap:10px;margin-right:60px;margin-top:30px;font-family:JohnnyFever;text-decoration:none;font-size:30px;letter-spacing:2px;padding:0;border:none}.loginbtn:hover{background-color:#c400f7;box-shadow:0 0 25px #c400f7;letter-spacing:2px}.signUpbtn{display:flex;width:300px;overflow:hidden;position:static;text-align:center;white-space:nowrap;height:70px;border-radius:24px;cursor:pointer;background-color:#00caca;box-shadow:0 0 25px #00caca;color:#000;justify-content:center;align-items:center;font-size:18px;font-weight:700;grid-gap:10px;gap:10px;margin-right:60px;margin-top:30px;font-family:JohnnyFever;text-decoration:none;font-size:30px;letter-spacing:2px;padding:0;border:none}.signUpbtn:hover{background-color:#c400f7;box-shadow:0 0 25px #c400f7;letter-spacing:2px}.profilePageContainer{display:flex;flex-direction:column;margin:auto;align-items:center}.profilePageInnerStuff{display:flex;flex-direction:column;background:rgba(192,0,255,.8);background:linear-gradient(187deg,rgba(192,0,255,.8),rgba(76,205,254,.8));min-width:1140px;margin-top:60px;min-height:100vh;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.profileTitle{font-family:JohnnyFever;color:#00dede;text-shadow:0 0 1px #00c0c0,0 0 12px #00c0c0,0 0 18px #00c0c0;font-size:60px;margin-left:400px}.profileTrackLink{display:flex;flex-direction:column}.profileImgNameContainer,.profileTrackContainer{display:flex;margin-top:20px}.profileImgNameContainer{flex-direction:row;margin-left:100px;grid-gap:20px;gap:20px}.profileTrackName{display:flex;font-size:40px;font-family:JohnnyFever;color:#00dede;text-shadow:0 0 1px #00c0c0,0 0 12px #00c0c0,0 0 18px #00c0c0}.trackNav{text-decoration:none}.profileButtContainer{position:absolute;grid-gap:20px;gap:20px;height:30px;margin-left:320px;margin-top:80px;align-items:center;justify-content:center;text-align:center}.delTrackBtn{background-color:#00dede;box-shadow:0 0 25px 5px #00dede;border-radius:4px;padding:0;border:none;font-size:18px;font-family:Zeroesone;letter-spacing:2px;cursor:pointer;transition:all .6s cubic-bezier(.165,.84,.44,1);height:30px;width:80px}.delTrackBtn:hover{background-color:#de7df6;box-shadow:0 0 15px 5px #de7df6}.editTrackFormBtn{background-color:#00dede;box-shadow:0 0 25px 5px #00dede;border-radius:4px;padding:0;border:none;font-size:18px;font-family:Zeroesone;letter-spacing:2px;cursor:pointer;transition:all .6s cubic-bezier(.165,.84,.44,1);height:30px;width:80px;margin-left:20px;text-align:center}.editTrackFormBtn:hover{background-color:#de7df6;box-shadow:0 0 15px 5px #de7df6}#profilehr{margin-left:60px}#profileTrackImages{width:200px;height:200px}.footerContainer{position:fixed;display:flex;flex-direction:row;box-sizing:border-box;background-color:#000;bottom:0;left:0;height:60px;width:100%;z-index:100}.devName{display:flex;margin-left:640px;margin-top:10px;font-size:34px;color:#450eff;text-shadow:0 0 1px #450eff,0 0 18px #450eff;font-family:JohnnyFever}.gitHubLink,.linkedInLink{text-decoration:none}.devicon-github-original,.devicon-linkedin-plain{display:flex;font-size:40px;margin-left:50px;margin-top:10px;color:#450eff;text-shadow:0 0 1px #450eff,0 0 18px #450eff}.devicon-linkedin-plain{text-decoration:none}
/*# sourceMappingURL=main.3765b06c.chunk.css.map */