@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-family:Bebas Neue,sans-serif;font-size:100%;margin:0;padding:0;text-decoration:none;vertical-align:initial}.links-auth,.links-nav{align-items:center;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.25);display:flex;height:4rem;justify-content:space-between;position:fixed;top:0;width:100vw}.left-nav{align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.left-nav,.tuneup-logo-1-container{display:flex;justify-content:center}.tuneup-logo-1-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 auto 0 47%;position:absolute}.tuneup-logo1{transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:7rem}.tuneup-logo-2-container{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin:0 auto 0 47%;position:absolute}.tuneup-logo2{transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:7rem}.tuneup-logo1:hover,.tuneup-logo2:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.nav-login-button-container{border:1px solid rgba(0,0,0,.3);border-radius:10px;height:2rem;margin-left:5%;padding-bottom:5px;padding-top:8px;text-align:center;transition:.2s ease-in-out;width:8rem}.nav-login-button-container:hover{background-color:#ffd5fb;border:1px solid rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.5);cursor:pointer}.nav-login-button{color:#000;font-family:Bebas Neue,sans-serif;font-size:26px;text-decoration:none}.nav-signup-button-container{border:1px solid rgba(0,0,0,.3);border-radius:10px;height:2rem;padding-bottom:5px;padding-top:8px;right:2%;text-align:center;transition:.2s ease-in-out;width:8rem}.nav-signup-button-container:hover{background-color:#ffd5fb;border:1px solid rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.5);cursor:pointer}.nav-signup-button{color:#000;font-family:Bebas Neue,sans-serif;font-size:26px;text-decoration:none}.signout-button-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.signout-button,.signout-button-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.signout-button{background-color:#fff;border:1px solid rgba(0,0,0,.3);border-radius:10px;font-family:Bebas Neue,sans-serif;font-size:26px;margin-left:10px;margin-top:-2.5rem;padding-bottom:5px;padding-top:10px;position:absolute;transition:.2s ease-in-out;width:8rem}.signout-button:hover{background-color:#ffd5fb;border:1px solid rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.5);cursor:pointer}.discover-button{background-color:#fff;border:1px solid rgba(0,0,0,.3);border-radius:10px;font-family:Bebas Neue,sans-serif;font-size:26px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px 5px 5px;transition:.2s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.discover-button:hover{background-color:#ffd5fb;border:1px solid rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.5);cursor:pointer}.nav-user-name{font-size:26px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:3rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.create-button{align-items:center;background-color:#fff;border:1px solid rgba(0,0,0,.3);border-radius:10px;display:flex;font-family:Bebas Neue,sans-serif;font-size:48px;height:3rem;justify-content:center;margin-left:20px;padding-top:5px;text-decoration:none;transition:.2s ease-in-out;width:3rem}.create-button:hover{background-color:#ffd5fb;border:1px solid rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.5);cursor:pointer}.right-nav-button-container,.right-nav-button-container2{align-items:center;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:18rem}.about-dev-button-container1{align-items:center;display:flex;height:4rem;justify-content:center;width:13rem}.about-dev-button1{background-color:#fff;border:1px solid rgba(0,0,0,.3);border-radius:10px;font-family:Bebas Neue,sans-serif;font-size:26px;padding-bottom:5px;padding-top:10px;transition:.2s ease-in-out;width:8rem}.about-dev-button1:hover{background-color:#ffd5fb;border:1px solid rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.5);cursor:pointer}.about-dev-button-container2{align-items:center;display:flex;height:4rem;justify-content:center;margin-left:-1.5%;width:13rem}.about-dev-button2{background-color:#fff;border:1px solid rgba(0,0,0,.3);border-radius:10px;font-family:Bebas Neue,sans-serif;font-size:26px;padding-bottom:5px;padding-top:10px;transition:.2s ease-in-out;width:8rem}.about-dev-button2:hover{background-color:#ffd5fb;border:1px solid rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.5);cursor:pointer}.profile-button-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:.5rem;margin-top:-2rem;position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.profilebutton{align-items:center;background-color:#fff;border:1px solid rgba(0,0,0,.3);border-radius:20px;cursor:pointer;display:flex;font-size:20px;justify-content:center;transition:.2s ease-in-out;width:2rem}.profilebutton:hover{background-color:#ffd5fb;border:1px solid rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.5);cursor:pointer}.profile-dropdown{background-color:#fff;border:1px solid rgba(0,0,0,.3);border-radius:10px;display:grid;grid-template-rows:50% 50%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:1rem;padding-left:15px;padding-right:15px;position:absolute;transition:.2s ease-in-out;width:10.6rem}.profile-dropdown,.view-button-container{align-items:center;justify-content:center}.view-button-container{display:flex;grid-area:1/1/1/1;padding:5px}.view-profile-button{background-color:#fff;border:1px solid rgba(0,0,0,.3);border-radius:10px;font-family:Bebas Neue,sans-serif;font-size:20px;height:2rem;transition:.2s ease-in-out;width:11rem}.view-profile-button:hover{background-color:#ffd5fb;border:1px solid rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.5);cursor:pointer}.sign-out-button-container{align-items:center;display:flex;grid-area:2/1/2/1;justify-content:center;padding:5px}.sign-out-button{background-color:#fff;border:1px solid rgba(0,0,0,.3);border-radius:10px;font-family:Bebas Neue,sans-serif;font-size:20px;height:2rem;transition:.2s ease-in-out;width:11rem}.sign-out-button:hover{background-color:#ffd5fb;border:1px solid rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.5);cursor:pointer}.sign-out-button-list{list-style-type:none}.main-page-background{height:100%;left:0;opacity:.7;position:absolute;top:0;width:100%;z-index:-1}.intro-text{font-size:86px;margin-top:-10rem}.intro-text,.tutorial-text{box-sizing:border-box;color:#fff;font-family:Bebas Neue,sans-serif;font-weight:500;margin-bottom:2rem;padding:20px;text-align:center;text-shadow:2px 2px 2px rgba(0,0,0,.5)}.tutorial-text{font-size:62px;margin-top:3rem}.bn5{background:#fff;border:none;color:#000;cursor:pointer;font-size:2rem;margin-top:10rem;outline:none;padding:.6em 2em;position:relative;z-index:0}.bn5,.bn5:before{border-radius:10px}.bn5:before{-webkit-animation:glowingbn5 20s linear infinite;animation:glowingbn5 20s linear infinite;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);background-size:400%;content:"";-webkit-filter:blur(5px);filter:blur(5px);height:calc(100% + 4px);left:-2px;opacity:0;position:absolute;top:-2px;transition:opacity .3s ease-in-out;width:calc(100% + 4px);z-index:-1}@-webkit-keyframes glowingbn5{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}@keyframes glowingbn5{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.bn5:active{color:#000}.bn5:active:after{background:transparent}.bn5:hover:before{opacity:1}.bn5:after{background:#191919;border-radius:10px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.scrolling-text{-webkit-animation:slideText 16s linear infinite;animation:slideText 16s linear infinite;font-family:Bebas Neue,sans-serif;font-size:18px;padding:5px;white-space:nowrap}.login-page{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.login-background{opacity:.7;position:fixed;top:0;z-index:-1}.login-form-container{background-color:#fff;border-radius:8px;box-shadow:0 0 5px rgba(0,0,0,.5);margin-bottom:.3rem;margin-left:1rem;padding:20px;text-align:center;width:500px}.login-form{width:100%}.login-form label{color:#333;display:block;margin-bottom:10px}.login-form input[type=password],.login-form input[type=text]{border:none;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.5);box-sizing:border-box;font-size:16px;height:3rem;margin-bottom:10px;padding:10px;width:100%}.form-button{background-color:#ffd5fb;border:none;border-radius:20px;color:#000;cursor:pointer;font-family:Bebas Neue,sans-serif;font-size:24px;font-weight:600;margin-bottom:5px;padding:5px;transition:.2s ease-in-out;width:20rem}.form-button:disabled{background-color:rgba(0,0,0,.1);border:none;border-radius:20px;cursor:not-allowed}.form-button:disabled:hover{box-shadow:none}.form-button:hover{box-shadow:0 0 5px rgba(0,0,0,.5)}.login-header{box-sizing:border-box;color:#fff;font-size:72px;margin-bottom:2rem;margin-left:1rem;margin-top:6rem;padding:20px;text-shadow:2px 2px 2px rgba(0,0,0,.5)}.login-form-header{font-size:36px;margin-bottom:1rem}.errors{color:red;font-size:24px;margin-bottom:10px}.want-to-join{font-size:18px;margin-top:1rem}.background-img{opacity:.7;z-index:-1}.sign-up-form-container{align-items:center;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.sign-up-form{background-color:#fff;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.5);padding:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.sign-up-header{color:#fff;font-size:72px;margin-bottom:4rem;margin-top:7rem;text-shadow:2px 2px 2px rgba(0,0,0,.5)}.firstname-label{font-size:20px;font-weight:600;position:absolute}.firstname-input{border:none;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.5);font-size:16px;height:2.5rem;margin-top:2rem;padding-left:10px;width:21.3rem}.lastname-label{font-size:20px;font-weight:600;margin-top:1rem;position:absolute}.lastname-input{border:none;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.5);font-size:16px;height:2.5rem;margin-top:3rem;padding-left:10px;width:21.3rem}.email-label{font-size:20px;font-weight:600;margin-top:1rem;position:absolute}.email-input{border:none;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.5);font-size:16px;height:2.5rem;margin-top:3rem;padding-left:10px;width:21.3rem}.password-label{font-size:20px;font-weight:600;margin-top:1rem;position:absolute}.password-input{border:none;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.5);font-size:16px;height:2.5rem;margin-top:3rem;padding-left:10px;width:21.3rem}.confirm-password-label{font-size:20px;font-weight:600;margin-top:1rem;position:absolute}.confirm-password-input{border:none;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.5);font-size:16px;height:2.5rem;margin-top:3rem;padding-left:10px;width:21.3rem}.sign-up-button{background-color:#ffd5fb;border:none;border-radius:20px;cursor:pointer;font-size:18px;font-weight:600;height:2.5rem;margin-bottom:.5rem;margin-left:1rem;margin-top:2rem;transition:.2s ease-in-out;width:20rem}.sign-up-button:disabled{background-color:rgba(0,0,0,.1);border:none;border-radius:20px;cursor:not-allowed}.sign-up-button:disabled:hover{box-shadow:none}.sign-up-button:hover{box-shadow:0 0 5px rgba(0,0,0,.5)}p.password-errors{color:red;margin-top:10px}.already-on-tuneup{font-size:18px;margin-top:.5rem;text-align:center}p.email-errors{color:red;margin-top:10px}.main-container{align-items:center;display:flex;flex-direction:column;padding-top:20%;text-align:center}.home-page-background{height:100%;left:0;opacity:.7;position:absolute;top:0;width:100%;z-index:-1}.greeting-container{box-sizing:border-box;color:#fff;font-family:Bebas Neue,sans-serif;font-size:86px;font-weight:500;margin-bottom:2rem;margin-top:-10rem;padding:20px;text-align:center;text-shadow:2px 2px 2px rgba(0,0,0,.5)}footer{background-color:#fff;border-top:1px solid rgba(0,0,0,.1);bottom:0;padding:5px;position:fixed;text-align:center;width:100%}.scrolling-text-homepage{-webkit-animation:slideText 16s linear infinite;animation:slideText 16s linear infinite;font-family:Bebas Neue,sans-serif;font-size:18px;padding:5px;white-space:nowrap}@-webkit-keyframes slideText{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideText{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slogan-container{color:#d81e5b;font-size:64px;height:4rem;position:relative;text-align:center;width:100%}.slogan{-webkit-animation:fadeInOut 9s infinite;animation:fadeInOut 9s infinite;left:0;opacity:0;position:absolute;right:0;top:0;visibility:hidden}.slogan:first-child{-webkit-animation-delay:0s;animation-delay:0s}.slogan:nth-child(2){-webkit-animation-delay:3s;animation-delay:3s}.slogan:nth-child(3){-webkit-animation-delay:6s;animation-delay:6s}@-webkit-keyframes fadeInOut{0%,33%,to{opacity:0;visibility:hidden}10%,30%{opacity:1;visibility:visible}}@keyframes fadeInOut{0%,33%,to{opacity:0;visibility:hidden}10%,30%{opacity:1;visibility:visible}}.tutorial-dropdown-container{align-items:center;bottom:5%;cursor:pointer;display:grid;grid-template-columns:20% 60% 20%;position:absolute;width:25rem}.drop-down-arrow-png1{grid-area:1/1/1/1;width:4rem}.learn-more{font-size:28px;grid-area:1/2/1/2;justify-self:center;margin-left:-1vw}.drop-down-arrow-png2{grid-area:1/3/1/3;width:4rem}.tutorial-container{grid-gap:3rem;grid-template-rows:30% 30% 30% 10%;position:absolute;top:103%}.demo-gif-container-1,.tutorial-container{display:grid;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.demo-gif-container-1{grid-area:1/1/1/1;grid-template-columns:60% 40%}.user-profile-demo-gif{border-radius:20px;box-shadow:0 0 5px rgba(0,0,0,.5);grid-area:1/1/1/1;margin-left:3%;width:90%}.user-profile-tutorial{border-left:1px solid rgba(0,0,0,.1);grid-area:1/2/1/2;height:27rem;padding-left:20px;text-align:left;width:30rem}.header-container-1{align-items:center;display:grid;grid-template-columns:19% 81%}.profile-icon-png{grid-area:1/1/1/1;width:4rem}.your-profile-page-header{font-size:48px;grid-area:1/2/1/2}.profile-tutorial-description{font-size:30px}.demo-gif-container-2{display:grid;grid-area:2/1/2/1;grid-template-columns:40% 60%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.discover-demo-gif{border-radius:20px;box-shadow:0 0 5px rgba(0,0,0,.5);grid-area:1/2/1/2;margin-left:8%;width:90%}.discover-tutorial{border-right:1px solid rgba(0,0,0,.1);grid-area:1/1/1/1;height:27rem;margin-left:auto;padding-right:20px;text-align:right;width:30rem}.header-container-2{align-items:center;display:grid;grid-template-columns:65% 35%}.discover-icon-png{grid-area:1/1/1/1;justify-self:end;width:4rem}.discover-page-header{font-size:48px;grid-area:1/2/1/2}.discover-tutorial-description{font-size:30px}.demo-gif-container-3{display:grid;grid-area:3/1/3/1;grid-template-columns:60% 40%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.search-demo-gif{border-radius:20px;box-shadow:0 0 5px rgba(0,0,0,.5);grid-area:1/1/1/1;margin-left:2rem;width:90%}.search-tutorial{border-left:1px solid rgba(0,0,0,.1);grid-area:1/2/1/2;height:27rem;padding-left:20px;text-align:left;width:30rem}.header-container-3{align-items:center;display:grid;grid-template-columns:19% 81%}.search-icon-png3{grid-area:1/1/1/1;width:4rem}.search-page-header{font-size:48px;grid-area:1/2/1/2}.search-tutorial-description{font-size:30px}.update-form-root-container{align-items:center;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin-top:7rem;width:100%}.update-form-background{left:0;opacity:.7;position:fixed;top:0;z-index:-1}.update-form-container{background-color:#fff;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.5);padding:20px;text-align:center;width:60rem}.update-form-header{font-size:72px;margin-bottom:1rem}.update-form{grid-gap:1rem;display:grid;grid-template-columns:50% 50%;padding:5px;text-align:start}.update-form-left{background-color:#fff;flex-flow:column nowrap;justify-content:space-around}.update-form-left,.update-form-right{border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.5);display:flex;padding:10px}.update-form-right{align-items:flex-start;flex-direction:column;flex-wrap:wrap;justify-content:space-between;width:93%}.basic-info-header{font-size:24px;margin-left:190px;position:absolute}.update-first-name-label{font-size:18px;margin-top:2rem;position:absolute}.update-first-name-input{border:1px solid gray;border-radius:8px;font-size:16px;height:2rem;margin-top:3.5rem;padding-left:10px;width:98%}.update-last-name-label{font-size:18px;margin-top:.5rem;position:absolute}.update-last-name-input{border:1px solid gray;border-radius:8px;font-size:16px;height:2rem;margin-top:2rem;padding-left:10px;width:98%}.update-email-label{font-size:18px;margin-top:.5rem;position:absolute}.update-email-input{border:1px solid grey;border-radius:8px;font-size:16px;height:2rem;margin-top:2rem;padding-left:10px;width:98%}.address-header{font-size:24px;margin-left:200px;margin-top:1%;position:absolute}.update-street-name-label{font-size:18px;margin-top:2rem;position:absolute}.update-address-input{border:1px solid gray;border-radius:8px;font-size:16px;height:2rem;margin-top:3.5rem;padding-left:10px;width:98%}.update-city-label{font-size:18px;margin-top:.5rem;position:absolute}.update-city-input{border:1px solid gray;border-radius:8px;font-size:16px;height:2rem;margin-top:2rem;padding-left:10px;width:98%}.update-state-label{font-size:18px;margin-top:.5rem;position:absolute}.update-state-input{border:1px solid gray;border-radius:8px;font-size:16px;height:2rem;margin-top:2rem;padding-left:10px;width:98%}.update-zip-code-label{font-size:18px;margin-top:.5rem;position:absolute}.update-zip-code-input{border:1px solid gray;border-radius:8px;font-size:16px;height:2rem;margin-top:2rem;padding-left:10px;width:98%}.musical-info-header{font-size:24px;margin-bottom:20px;margin-left:38%}.update-submit-button-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.update-submit-button{background-color:#fff;border:1px solid rgba(0,0,0,.3);border-radius:10px;font-family:Bebas Neue,sans-serif;font-size:26px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:5px;margin-left:30.5rem;margin-top:1rem;padding-bottom:5px;padding-top:10px;position:absolute;transition:.2s ease-in-out;width:8rem}.update-submit-button:hover{background-color:#ffd5fb;border:1px solid rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.5);cursor:pointer}.cancel-submit-button{background-color:#fff;border:1px solid rgba(0,0,0,.3);border-radius:10px;font-family:Bebas Neue,sans-serif;font-size:26px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:5px;margin-left:22rem;margin-top:1rem;padding-bottom:5px;padding-top:10px;position:absolute;transition:.2s ease-in-out;width:8rem}.cancel-submit-button:hover{background-color:#ffd5fb;border:1px solid rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.5);cursor:pointer}.disclaimer{color:darkred;font-size:18px;margin-top:5rem}.genre-checkbox-container{display:flex;flex-direction:column}.genre-checkbox-container .genre-label{margin-bottom:10px}.genre-checkbox-container div{display:flex;flex-wrap:wrap;gap:10px}.genre-checkbox-container div div{margin-right:15px}.instrument-box{align-items:center;border:none;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);cursor:pointer;display:flex;flex-direction:column;height:100px;justify-content:center;margin:8px;transition:background-color .2s;width:100px}.instrument-box>span{font-size:55px}#update-instrument-label{font-size:20px}.instrument-box:hover{background-color:#fcace8;box-shadow:0 0 5px rgba(0,0,0,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.instruments-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.instrument-box.active{outline:2px solid #9bf4ec}p.user-errors{color:red;font-size:30px;justify-self:center;position:absolute;top:205px}.user-profile-page-background{height:100%;opacity:.7;position:fixed;top:0;width:100%;z-index:-1}.user-info-container{grid-gap:2rem;background-color:#fff;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.5);display:grid;grid-template-columns:20% 80%;margin:6rem auto 5px;padding-bottom:10px;padding-top:10px;position:relative;text-align:center;width:50rem}.user-pfp-container{height:10rem;margin:auto auto auto 2rem}.user-details-container,.user-pfp-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.user-details-container{height:auto;margin-left:2rem;margin-right:auto;margin-top:1rem}.user-pfp-img{border-radius:80px;height:auto;width:10rem}.user-first-name-container{text-align:left}.user-first-name{font-size:68px}.user-email-container{text-align:left}.user-email{font-size:20px;margin-bottom:10px}.user-instruments-container{align-items:center;display:flex;margin-bottom:10px;text-align:left}.instruments-title{font-size:20px;margin-right:10px;white-space:nowrap}.user-instruments{font-size:20px}.user-genres-container{align-items:center;display:flex;margin-bottom:10px;text-align:left}.genres-title{margin-right:10px;white-space:nowrap}.genres-title,.user-genres{font-size:20px}.user-address-container{text-align:left}.user-address{font-size:20px}.tuneup-joined-label{margin-left:6vw}.tuneup-hosted-label,.tuneup-joined-label{color:#fff;font-size:48px;margin-top:2rem;position:absolute;text-shadow:10px 10px 10px #fd00d3}.tuneup-hosted-label{margin-left:51vw}.other-tuneup-hosted-label{margin-left:15vw}.other-tuneup-hosted-label,.other-tuneup-joined-label{color:#fff;font-size:48px;margin-top:2rem;position:absolute;text-shadow:10px 10px 10px #fd00d3}.other-tuneup-joined-label{margin-left:50.5vw}.user-tuneups-container{background-color:#fff;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.5);display:grid;grid-template-columns:50% 50%;margin-left:4.5vw;margin-top:6rem;max-height:30rem;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;padding:10px;width:89%}.joined-tuneups-list-container{border-right:1px solid rgba(0,0,0,.1);grid-area:1/1/1/1;overflow-x:hidden;overflow-y:auto}.no-joined-tuneup-text{font-size:36px;text-align:center}.hosted-tuneups-list-container{border-left:1px solid rgba(0,0,0,.1);grid-area:1/2/1/2;overflow-x:hidden;overflow-y:auto;padding-left:7px}.no-hosted-tuneup-text{font-size:36px;text-align:center}.user-edit-option{display:flex;justify-content:end;margin-right:-10.5vw;width:auto}.edit-button{background-color:#fff;border:1px solid rgba(0,0,0,.3);border-radius:10px;transition:.2s ease-in-out;width:5rem}.edit-button:hover{background-color:#ffd5fb;border:1px solid rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.5);cursor:pointer}.list-item{list-style:none;width:44vw}.tuneUp-container{border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);cursor:pointer;margin:10px;overflow:hidden;padding:10px;transition:all .3s ease-in-out}.tuneUp-container:hover{box-shadow:0 6px 10px rgba(0,0,0,.2)}.minimized{background-color:#f8f8f8;height:60px}.minimized .left-minimized h1{color:#333;font-size:22px;margin:0}.minimized .right-minimized{flex-direction:column}.minimized .right-minimized,.right-minimized .right-top{display:flex;justify-content:space-between}.right-minimized .right-top-location{white-space:nowrap}.right-minimized .right-top-date,.right-minimized .right-top-group-size,.right-minimized .right-top-location{color:#555;font-size:18px}.right-top-group-size{margin-top:-5px}.right-minimized .right-bottom{color:#333;font-size:16px}.right-bottom>span{font-size:18px;margin-right:5px}.clickable-text{margin-left:3px}.tuneUp-distance{color:#8464ec;cursor:crosshair;display:inline-flex}.maximized{background-color:#fff;height:auto}.maximized .tuneUp-name h1{color:#333;font-size:24px;margin-bottom:10px}.maximized .tuneUp-connections,.maximized .tuneUp-details{color:#555;margin-bottom:10px}.maximized .tuneUp-connections ul{list-style-type:none;margin:0;padding:0}.maximized .tuneUp-connections li{font-size:16px;margin:2px 0;padding:2px 5px}.maximized .tuneUp-footer{border-top:1px solid #ccc;color:#777;font-size:16px;margin-top:4px;padding-top:10px}.request-join-button{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;margin:4px 2px;padding:10px 20px;text-align:center;text-decoration:none;transition-duration:.4s}.request-join-button:hover{background-color:#fff;border:1px solid #4caf50;color:#000}.requested-button:disabled{background-color:silver;cursor:not-allowed}.leave-tuneup-button,.requested-button:disabled{border:none;border-radius:8px;display:inline-block;font-size:16px;font-weight:600;margin:4px 2px;padding:10px 20px;text-align:center;text-decoration:none;transition-duration:.4s}.leave-tuneup-button{background-color:#af4c4c;color:#fff;cursor:pointer}.tuneup-instrument-icons>span{font-size:18px;margin-right:5px}.tuneUp-columns{display:flex;justify-content:space-between;margin-bottom:20px}.tuneUp-left-column{flex:0.8 1;padding:0 10px}.tuneUp-middle-column,.tuneUp-right-column{flex:1.2 1;padding:0 10px}#tuneUp-description{word-wrap:break-word;color:#555;font-size:14px;height:10rem;overflow-wrap:break-word;overflow-y:auto;width:15vw}#tuneUp-address,#tuneUp-non-member{color:#555;font-size:15px;margin-top:5px}.search-bar{margin-top:-1rem}.tuneups-container{grid-area:1/1/1/1;margin-bottom:3.25rem;margin-top:0;width:50rem}.list-items{width:45vw}.discover-map-container{grid-template-columns:1/2/1/2;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:-4rem;margin-top:10.6rem;position:fixed;right:1%;top:8%;top:auto}.map{border-radius:5px}.discover-container{grid-gap:1rem;background-attachment:fixed;background-image:url(/static/media/home-page-background.2ee50b29275c7d8e46cf.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:grid;grid-template-columns:50% 50%;min-height:100vh;overflow-x:hidden;position:relative}.links-nav{z-index:1}div.search-components{display:flex;flex-flow:row nowrap;justify-content:flex-start;padding-left:15px;width:100%}div.sort{margin-top:7.1rem}div.sort select{border:1px solid #ccc;border-radius:25px;display:flex;height:35px;justify-content:center;padding:5px;text-align:center}div.sort option{margin:0;padding:0}.searchbar-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin-top:7rem;overflow:hidden;text-align:center;width:75%}#search-input{border:1px solid #ccc;border-radius:25px;box-shadow:2px 2px 5px rgba(0,0,0,.1);padding:10px 15px;transition:all .3s ease;width:100%}#search-input:focus{box-shadow:2px 2px 8px rgba(0,0,0,.2);outline:none}.search-container{position:relative;width:90%}#search-button{background-color:initial;border:none;color:blue;cursor:pointer;margin-left:10px;padding:0;position:absolute;right:-20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.error-message{font-size:20px;margin-top:10px;text-align:left}.background-img{bottom:0;left:0;position:fixed;right:0;top:0;width:100%}.tuneup-create-form-container{align-items:center;display:flex;height:56.2rem;justify-content:center;margin-top:6rem}.tuneup-create-form{grid-gap:1.5rem;background-color:#fff;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.5);display:grid;grid-template-rows:20% 20% 20% 20% 10% 10%;height:40rem;margin-top:-5rem;padding:20px;text-align:center;width:60rem}.tuneup-create-header{font-size:64px;margin-top:-53.5rem;position:absolute}.tuneup-details-container{background-color:#fff;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.5);grid-area:1/1/1/1;height:9rem;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.details-header1{font-size:36px;text-align:start}.details-input{border:1px solid rgba(0,0,0,.5);border-radius:5px;font-family:Arial,Helvetica,sans-serif;font-size:16px;height:4rem;margin-bottom:10px;padding:10px;vertical-align:top;width:57.5rem}.date-header{font-size:36px;text-align:start}.date-dropdowns{background-color:#fff;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.5);grid-area:2/1/2/1;height:5rem;margin-top:1.5rem;padding:10px;width:59rem}.month-select{height:2rem;width:4rem}.day-select,.year-select{height:2rem;margin-left:2rem;width:4rem}.tuneup-address-container{background-color:#fff;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.5);display:flex;grid-area:3/1/3/1;height:7rem;margin-top:-1rem;padding:10px;width:59rem}.tuneup-address-header{font-size:36px}.tuneup-address-input-container{display:flex;font-size:24px;margin-top:3rem;width:45rem}.tuneup-instruments-container{background-color:#fff;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.5);display:flex;grid-area:4/1/4/1;height:8rem;margin-top:-1.5rem;padding:10px;width:59rem}.tuneup-instrument-list-container{display:flex;font-size:24px;justify-content:space-around;margin-top:2.5rem;position:absolute;width:59rem}.tuneup-instrument-header{font-size:36px}.create-tuneup-button-container{grid-area:6/1/6/1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:-4.5rem;width:60rem}.create-tuneup-button{background-color:#fff;border:1px solid rgba(0,0,0,.3);border-radius:12px;font-family:inherit;font-size:24px;height:2rem;transition:.2s ease-in-out;width:15rem}.create-tuneup-button:hover{background-color:#ffd5fb;border:1px solid rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.5);cursor:pointer}.tuneup-genre-dropdown-container{display:flex;justify-content:space-between;margin-left:50rem;margin-top:.5rem;position:absolute;width:8.5rem}.tuneup-genre-label{font-size:20px}.create-tuneup-instrument-box{align-items:center;border:none;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);cursor:pointer;display:flex;flex-direction:column;height:70px;justify-content:center;margin:8px;transition:background-color .2s;width:80px}.create-tuneup-instrument-box>span{font-size:40px}.create-tuneup-instrument-box:hover{background-color:#fcace8}.create-tuneup-instrument-box.active,.create-tuneup-instrument-box:active{outline:2px solid #9bf4ec}p.tuneup-errors{color:red;font-size:30px}.tuneup-error-container{grid-area:5/1/5/1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:-1.5rem;text-align:center;width:60rem}.tuneup-state-input{padding:2px 0}.about-dev-page-container{display:grid;grid-template-rows:5% 95%;margin-top:4rem}.about-us-container{display:flex;grid-area:1/1/1/1;justify-content:center}.about-us,.about-us-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.about-us{font-size:62px;margin-top:2rem;text-shadow:10px 10px 7px #fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1}.about-dev-page-grid-container{grid-gap:5px;display:grid;grid-area:2/1/2/1;grid-template-columns:repeat(5,1fr);height:75%;margin-top:7rem;padding:10px 10px 30px;position:fixed;width:98.7%}.dan-container,.dennis-container,.klodian-container,.muddy-container,.sean-container{align-items:center;background-color:#fff;border:1px solid rgba(0,0,0,.3);border-radius:15px;box-shadow:0 0 5px rgba(0,0,0,.5);display:grid;flex-direction:column;grid-template-rows:20% 10% 4% 1% 59% 1% 5%;height:32rem;justify-content:center;padding:20px 10px 10px}.dan-headshot-container,.dennis-headshot-container,.klodian-headshot-container,.muddy-headshot-container,.sean-headshot-container{align-items:center;display:flex;justify-content:center;margin-top:2rem}.dan-headshot,.dennis-headshot,.klodian-headshot,.muddy-headshot,.sean-headshot{border-radius:100px;box-shadow:0 0 5px rgba(0,0,0,.5);height:6.5rem;width:6.5rem}.dan-name-container,.dennis-name-container,.klodian-name-container,.muddy-name-container,.sean-name-container{align-items:center;display:flex;justify-content:center;margin-top:3.5rem}.dan-name,.dennis-name,.klodian-name,.muddy-name,.sean-name{font-size:28px}.dan-title-container,.dennis-title-container,.klodian-title-container,.muddy-title-container,.sean-title-container{align-items:center;display:flex;justify-content:center;margin-top:2rem}.dan-title,.dennis-title,.klodian-title,.muddy-title,.sean-title{font-size:20px}.dan-divider1,.dennis-divider1,.klodian-divider1,.muddy-divider1,.sean-divider1{border-top:1px solid rgba(0,0,0,.3);margin-top:2rem}.dan-divider2,.dennis-divider2,.klodian-divider2,.muddy-divider2,.sean-divider2{border-top:1px solid rgba(0,0,0,.3);margin-top:-2rem}.dan-description-container,.dennis-description-container,.klodian-description-container,.muddy-description-container,.sean-description-container{align-items:center;display:flex;justify-content:center;margin-top:0}.dan-description,.dennis-description,.klodian-description,.muddy-description,.sean-description{font-size:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;text-align:center;width:16rem}.dan-links-container,.dennis-links-container,.klodian-links-container,.muddy-links-container,.sean-links-container{display:grid;grid-template-columns:50% 50%}.dan-linkedin-container,.dennis-linkedin-container,.klodian-linkedin-container,.muddy-linkedin-container,.sean-linkedin-container{align-items:center;display:flex;justify-content:center}.dan-linkedin-icon,.dennis-linkedin-icon,.klodian-linkedin-icon,.muddy-linkedin-icon,.sean-linkedin-icon{transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:2.5rem}.dan-linkedin-icon:hover,.dennis-linkedin-icon:hover,.klodian-linkedin-icon:hover
.sean-linkedin-icon:hover,.muddy-linkedin-icon:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.dan-github-container,.dennis-github-container,.klodian-github-container,.muddy-github-container,.sean-github-container{align-items:center;display:flex;justify-content:center}.dan-github-icon,.dennis-github-icon,.klodian-github-icon,.muddy-github-icon,.sean-github-icon{transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:2.25rem}.dan-github-icon:hover
.klodian-github-icon:hover
.sean-github-icon:hover
.muddy-github-icon:hover
.dennis-github-icon:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.about-page-background{bottom:0;height:auto;left:0;opacity:.7;position:fixed;right:0;top:0;width:100%;z-index:-1}
/*# sourceMappingURL=main.13d5c75b.css.map*/