body,html{height:100%;margin:0;box-sizing:border-box;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{overflow-x:hidden}.navbar{width:100%;padding:0 1rem;text-transform:uppercase;font-size:.9rem;font-weight:700;letter-spacing:.1rem;transition:background-color .5s ease 0s;height:5rem;z-index:9999}.show{background-color:rgba(42,44,49,.92);width:100vw;height:100vh;margin:0 -20px}.show a{height:2rem}.ml-auto{height:300px}.navbar-collapse{justify-content:space-between;align-items:flex-start;align-content:flex-start;z-index:9999}.bg-light{background-color:#121316!important}label.mr-sm-2{color:#ffda15}.logoicon{height:5rem;width:20vw}.navbar a{color:#c4c4c4!important;text-shadow:0 0 0 #efe;text-decoration:none;text-align:center}.navbar a,a.nav-link{padding-left:2.7rem;transition:color .3s ease 0s}a.nav-link{color:#616163!important}a.nav-link.active,a.nav-link:hover{color:#ffda15!important}.logout-btn{padding-right:2.3rem;padding-left:1rem}.navbar-footer{justify-content:center;padding:0 1rem;text-transform:uppercase;font-size:.9rem;font-weight:700;letter-spacing:.1rem;background-color:#121316;height:3rem}.footer-nav,.navbar-footer{display:flex;align-content:center;width:100%}.footer-nav{flex-direction:row;justify-content:space-between}@media (min-width:992px){.nav-link,.navbar-expand-lg,.navbar-nav{padding-right:.5rem;padding-left:.5rem}}li.nav-item{margin:auto}a.active,a:hover{color:#ffda15!important;text-decoration:none}@media (max-width:575px){.logoicon{width:40vw}}div.home-page-content{position:fixed;padding-top:5rem;background-color:#b2afab;background-position:50%;background-size:cover;min-height:100vh;max-height:999px;overflow:auto;position:relative;width:100%;z-index:1;display:flex;align-items:center;justify-content:center}.White-box1{height:210px;width:60vw;background:hsla(0,0%,100%,.705);margin:1rem auto;border-radius:10px}div.filter{background-color:rgba(0,0,0,.5);content:"";display:block;height:auto;left:0;top:0;position:absolute;width:100%;z-index:1}img.logo{position:fixed;right:0;bottom:0;width:25%;margin:0 auto;z-index:2}.content-center{z-index:1;margin-top:65px}h4{margin-bottom:15px;margin-top:-7px}.Post-White-box{padding-top:5px;height:auto;width:60vw;background-color:rgba(66,66,66,.95);margin:1rem auto 0;border-radius:10px}.postbox{min-width:200px;margin:1rem;position:relative}.postbox p{color:#afafaf}.posttitle{color:#fff;text-align:center}.postAuthor{color:#bbb;text-align:center;margin:.5rem;padding:auto}.postBody{width:100%}.Comments h3{color:#fff}.commentbtn-post{height:2.3rem;width:auto;min-width:100px;background-color:hsla(0,0%,41.2%,.767);border:none;border-radius:5px;color:#fff}#formbtn-post,.commentbtn-post{margin-bottom:1rem}@media (max-width:575px){.postAuthor{font-size:1rem}.Post-White-box{width:80vw}.posttitle{font-size:1rem}.title-and-img{margin-bottom:.5rem}.Comments h4{font-size:1.2rem;margin-bottom:0}.Comments h3{font-size:1rem;margin-bottom:0}}.postform{width:90%;min-width:300px;margin:1rem;position:relative}.formtitle{color:#fff;margin:0 1rem;text-align:center}#formbtn-post{height:2.3rem;width:30%;min-width:100px;background-color:#fff;color:#000}#formbtn-post:hover{background-color:#000;color:#fff}.form-control{margin-top:-20px;padding-top:1px;background-color:#fff}#postbody,#posttitle{margin:.5rem 0;padding:0;background-color:transparent;border:none}#posttitle:focus{border:none}.h4{margin-left:15px;margin-bottom:15px}.postform-container.body{width:100%}.White-box{padding-top:5px;height:240px;width:60vw;background-color:rgba(66,66,66,.95);margin:0 auto;border-radius:10px}.input{width:100%}#commentbody{margin:.5rem 0;padding:0;background-color:transparent;border:none}.post-profile-img-container{height:3rem;width:3rem;min-width:3rem;max-width:3rem;background-color:rgba(212,200,27,.12);display:flex;position:relative;flex-wrap:wrap;justify-content:center;align-items:center;overflow:hidden;margin-right:0;border-radius:50%;box-shadow:3px 3px 4px 4px rgba(49,52,56,.73)}.post-profile-img img{width:3rem;height:3rem}.title-and-img{display:flex;width:100%;flex-direction:row;align-content:center;margin-bottom:1rem}.home-screen-margin{margin:6rem auto 0}@media (max-width:575px){.White-box{width:80vw}#postbody,#posttitle{width:auto}}div.landing{padding:0}.landing{padding-top:5rem}.home-inner{background-image:url(/static/media/about-img2.4f978ffb.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:50%;background-size:cover;height:calc(100vh - 5rem);width:100vw}.caption{width:100%;max-width:100%;position:absolute;top:30%;z-index:1}.caption h1{font-size:4.5rem;font-weight:700;letter-spacing:.3rem;text-shadow:.1rem .1rem .8rem #000;padding-bottom:1rem}.caption h1,.caption h3{color:#fff;text-transform:uppercase}.caption h3{font-size:2.5rem;font-weight:400;text-shadow:.1rem .1rem .5em #efe;padding-bottom:2rem}.btn-lg{text-align:center;border-width:medium;border-radius:5px;padding:1rem 2rem;font-size:1.1rem;text-transform:uppercase;display:inline-block!important}.login-btn,.signup-btn{background-color:transparent;margin:1rem}a{padding-left:0}.row{margin-right:0}.narrow{width:75%;margin:3rem auto;padding-top:2rem}.portrait-section{height:100vh;padding:100px 50px;margin-bottom:15rem}.about-text-container{height:85vh;width:45%;min-width:225px;padding:70px;margin-top:5rem;margin-left:3rem;margin-right:-160;background-color:#ededed;position:absolute;border-radius:5px}.about-img{background-image:url(/static/media/portrait-about-img.6641ca34.jpg);background-repeat:no-repeat;background-position:50%;height:100vh;width:50%;float:right;position:absolute;left:40%;border-radius:10px}.caption-btm{width:100%;max-width:100%;position:absolute;z-index:1}.bottom-signup-container{display:flex;justify-content:center;height:50vh;background-image:url(/static/media/About-footer.ef590fd5.jpg);background-repeat:no-repeat;background-size:cover;background-position:bottom}.caption-btm h3{color:#fff;font-size:2.5rem;text-transform:uppercase;font-weight:400;text-shadow:.1rem .1rem .5em #efe;padding-bottom:2rem;text-align:center;margin-top:5rem}.overlay{position:absolute;background-color:#000;opacity:.6;left:0;width:100%;height:50vh}.signup-btn-group{display:flex;justify-content:center}.login-btn-bottom,.signup-btn-bottom{background-color:transparent}@media only screen and (device-width:1024px){.caption h1{font-size:3.5rem;letter-spacing:.2rem;padding-bottom:.8rem}.caption h3{font-size:2.2rem;padding-bottom:1.7rem}.btn-lg{padding-left:2rem;padding-right:2rem;font-size:1rem}.narrow h1{font-size:2.1rem}.about-text-container{padding:65px;height:45%}div.about-img{height:55%}}@media only screen and (device-width:768px){.caption h1{font-size:3.5rem;letter-spacing:.2rem;padding-bottom:.8rem}.caption h3{font-size:2.2rem;padding-bottom:1.7rem}.btn-lg{padding-left:2rem;padding-right:2rem;font-size:1rem}.narrow h1{font-size:2.1rem}.about-text-container{padding:65px;height:55%}div.about-img{height:70%}}@media (max-width:767px){.caption h1{font-size:2.7rem;letter-spacing:.15rem;padding-bottom:.5rem}.caption h3{font-size:1.7rem;padding-bottom:1.2rem}.btn-lg{padding:.6rem 1.1rem;font-size:1rem}.narrow h1{font-size:1.8rem}.clients img{max-width:50%;margin:0 auto}.top-scroll{display:none!important}.about-text-container{padding:40px;margin-left:1.5rem}}@media (max-width:575px){.caption h1{font-size:1.9rem;letter-spacing:.1rem;padding-bottom:.4rem}.caption h3{font-size:1.2rem;padding-bottom:1rem}.btn-lg{padding:.4rem .9rem;font-size:.9rem}.narrow{width:85%;margin:0 2rem}.about-text-container{padding:20px;height:69%;width:55%;margin-top:4rem;height:70vh;background-color:hsla(0,0%,91.4%,.8);margin-left:0;left:20%}.about-img{height:81%;width:90%;float:right;position:absolute;border-radius:10px;left:5%}.portrait-section{padding-top:3rem;margin-bottom:5em}.home-inner{height:70vh}}@media only screen and (max-width:823.99px) and (orientation:landscape){.about-text-container{height:145%}.about-img{height:180%}.portrait-section{height:40em}}@media only screen and (min-device-width:1024px) and (orientation:landscape){.about-text-container{height:85vh}div.about-img{height:100vh}}@media only screen and (min-device-width:1355px) and (max-device-width:1366px) and (orientation:landscape){.about-text-container{height:55%}div.about-img{height:70%}}@media only screen and (max-device-width:823px) and (orientation:landscape){.caption-btm h3{padding-bottom:0;margin-top:3rem}}@media only screen and (max-device-width:568px) and (orientation:landscape){.signup-btn-group{padding:0}}#contact{padding-top:5rem}footer{background:url(/static/media/ContactBg.8f311eec.jpg) no-repeat;background-size:cover;color:#fff;height:100%}footer h3{text-transform:uppercase;margin:1.5rem 0}footer .row{background-color:rgba(57,63,70,.85);padding:1rem 2rem 3rem;height:100vh}footer img{height:2rem;margin:1.5rem 0}footer a{color:#fff}footer .svg-inline--fa{font-size:1.6rem;margin:1.2rem .5rem 0 0}footer .svg-inline--fa:hover{color:#1f7a8c!important}.contact-info{margin-top:1.5rem}#rowbg{height:100vh}#contactHeader{color:#fff;text-transform:uppercase;margin:1.5rem 0}.form-group{margin-bottom:1.3rem}.form-control{color:#fff!important;font-size:1.1rem;width:80%}.form-control,.form-control:focus{background-color:#53595f;border:.15rem solid #666b71}.form-group input::-webkit-input-placeholder,.form-group textarea::-webkit-input-placeholder{color:#b2b5b8!important}.form-group input:-ms-input-placeholder,.form-group textarea:-ms-input-placeholder{color:#b2b5b8!important}.form-group input::-ms-input-placeholder,.form-group textarea::-ms-input-placeholder{color:#b2b5b8!important}.form-group input::placeholder,.form-group textarea::placeholder{color:#b2b5b8!important}input .btn{cursor:pointer}hr.socket{border-top:.2rem solid #666b71;width:100%}#icons{height:auto;background:transparent;padding:10px}button.fa.rounded-pill{background-color:transparent;color:#fff;border:none;border-radius:45px;box-shadow:0 8px 15px rgba(0,0,0,.1);transition:all .3s ease 0s;cursor:pointer;outline:none}button.fa.rounded-pill:hover{background-color:#3cf;box-shadow:0 15px 20px;color:#fff;-webkit-transform:translateY(-7px);transform:translateY(-7px)}div#contact.offset{padding:0}@media only screen and (max-device-width:823px){p{font-size:1em}h1{font-size:1.2em}footer h3{font-size:1em}div.col-md-7{padding:0}div.controls{width:8.1em}div.col-md-7,hr.socket{display:none}}div.body,div.main-display-container{height:100%}.main-display-container{padding-top:5rem;display:flex;flex-direction:column;width:100%;min-height:100vh;background:#000;background:linear-gradient(0deg,#000,#454545)}.top-page-display-container{width:100%;margin-top:2rem;margin-left:2rem}.img-and-username-container{display:flex;align-items:center;position:relative;margin:0 0 20px;flex-wrap:wrap-reverse}.profile-img-container{height:13rem;width:13rem;min-width:13rem;max-width:13rem;background-color:rgba(212,200,27,.12);display:flex;position:relative;justify-content:center;align-items:center;overflow:hidden;margin-right:0;border-radius:50%;box-shadow:3px 3px 4px 4px rgba(49,52,56,.73)}.profile-img img{width:15rem;height:13.5rem}.change-profile-img{background-color:#272727;opacity:.7;height:7rem;width:15rem;position:absolute;top:80%;right:0}.change-profile-img a{text-align:center;opacity:.9;color:#fff;text-decoration:none;height:100%;width:100%;position:absolute;bottom:0;left:0}.change-profile-img a:hover{opacity:1}.username-title{font-size:1.7rem;margin-left:2rem;color:#fff}.username-title p{margin:0;font-size:1.3}.nav{flex-wrap:nowrap}.profile-nav-tabs{background-color:none}.nav-tabs .nav-link{border:none;color:#fff;font-size:1.3rem;letter-spacing:2px;margin-bottom:2rem;padding:10px 50px}.nav-tabs .nav-item{margin:0}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{background-color:transparent;color:#fff;border-width:2px;border-bottom:2px solid #fff;width:100%;display:flex}.nav-link:hover{color:#d4c81b}.spotify-login-btn{margin:3em 0 3em 3em;border-radius:25px;padding:.5em 1em;font-size:1.25em;background-color:#1db954;border:none;transition:.15s}.spotify-login-btn:hover{background-color:rgba(29,185,84,.678)}.songs{border-bottom:1px solid #888;font-size:1rem;letter-spacing:2px}.song,.songs{padding:1rem;color:#fff}.user-songs{flex-wrap:nowrap}.col-sm-4{padding:0}.col-sm-3{margin-top:1rem;margin-bottom:1rem}#playlist-row{flex-wrap:wrap}#playlist-box-container{display:flex;justify-content:center;flex-direction:column}.playlist-img{display:flex;justify-content:center;align-items:center;background-color:#555;margin:1rem;height:200px;width:200px}.playlist-title{color:#fff;font-size:1rem;letter-spacing:1.5px}.card{border:none;background-color:transparent;color:#f1f1f1}.profile-btn{width:20%}.profile-tabs{display:flex;flex-direction:row;padding:0;margin-top:3rem}.profile-tabs a{padding:6px 8px 6px 16px;text-decoration:none;font-size:25px;color:#818181;display:block}.profile-tabs a:hover{color:#f1f1f1}.tabs-underline{width:3rem;height:.2rem;background-color:#d4c81b;margin:0 auto 2rem;transition:.3s}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:111}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:575px){.nav-tabs .nav-link{border:none;color:#fff;font-size:1.2rem;letter-spacing:1.5px;margin-bottom:2rem;padding:10px 15px}.profile-img-container{height:7rem;width:7rem;min-width:7rem;max-width:7rem;align-items:flex-start}.main-display-container{padding:0;height:100%}.nav-tabs{border-bottom:0}.row{flex-wrap:inherit}.username-title{margin-left:1em;font-size:1rem}.username-title h1{font-size:1.2rem}.song,.songs{padding:0}.songs{width:9.6em}}#headerTitle{padding-bottom:1em;margin-bottom:1.5em}.container input,input#emailtxt,input#nametxt,input#passwordtxt{box-shadow:none!important;border:none;border-bottom:2px solid #d3d3d3;color:#000;width:100%;padding:15px;margin:5px 0 22px;color:#212529!important;background-color:#fff}#cardBody{height:36em;width:25em}@media (max-width:575.98px){form#cardBody.mx-auto{height:auto;width:auto}div.justify-content-center.container{height:100vh}}div.mx-auto.card{height:41em}div.mx-auto.card,form.mx-auto{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);width:25em;padding:25px}form.mx-auto{height:37em}div.container{padding:5rem 1.5em 1.5em}div.cardbody{padding:1.25em}hr{margin-top:2rem;margin-bottom:2rem}#signUpHeader{padding-bottom:1em;color:#212529}#signUpBody{height:36em;width:25em}.sign-up-card-title h3{color:#000}.container input,input#email,input#name,input#password{box-shadow:none!important;border:none;border-bottom:2px solid #d3d3d3;color:#000;width:100%;padding:15px;margin:5px 0 22px;color:#212529!important;background-color:#fff}#formbtn{margin-top:20px;border-radius:2.5em;color:#000;padding:16px 20px;border:none;cursor:pointer;outline:none;width:100%;opacity:.9;background:#3c3d41;background:linear-gradient(7deg,rgba(60,61,65,.45702030812324934),rgba(255,218,25,.927608543417367))}#formbtn:hover{opacity:1;color:#000;background:#443dbd;background:linear-gradient(31deg,rgba(51,227,255,.5690651260504201),rgba(255,218,25,.8827906162464986))}#option{font-weight:600;font-size:13px}@media (max-width:575.98px){div#signUpBody.mx-auto.card{height:auto;width:auto}div.justify-content-center.container{height:100vh}}@media (min-width:768px){div.justify-content-center.container{height:100vh}}@media only screen and (max-width:890px) and (orientation:landscape){div.justify-content-center.container{height:100%;width:auto}}@media only screen and (min-width:1000px) and (orientation:landscape){div.justify-content-center.container{height:100vh;width:auto}}.editProfile{width:35%}.profilebody{padding-top:5rem;background-color:#8e8e90;text-align:-webkit-center;font-family:"Source Sans Pro",sans-serif;font-weight:bolder;border:.15rem solid #666b71;height:100vh;width:100vw}.profilebody,a{align-items:center}.input.form-control,input#confirmPassword,input#country.form-control,input#DOB,input#email,input#name,input#password{border:.15rem solid #666b71;background-color:#fff;color:#000}.form-control{color:#000!important;width:100%;transition:none}Label{color:#000}#editbtn{margin-bottom:20px;border:30px;margin-left:0;align-items:flex-start}Buttons{margin:0 auto;justify-content:center}.placeholder{color:#fff}.body{padding:5rem auto auto;background-color:#8e8e90;font-family:"Source Sans Pro",sans-serif;font-weight:bolder;align-items:center}.input{background-color:#fff}Table{font-weight:bolder}.form-group{align-items:center}
/*# sourceMappingURL=main.5f96b01e.chunk.css.map */