@font-face{font-family:'CustomFont';src:url("/static/fonts/Starbirl-gg96.ttf") format('truetype')}@font-face{font-family:'Font2';src:url("/static/fonts/MomcakeBold-WyonA.otf")}:root{--border-radius:10px;--font-family:sans-serif;--font-family-bold:'Font2';--href-color:#A18CD1;--black-text:rgba(0,0,0,1);--dark-text:#444;--light-text:whitesmoke;--red-text:#DC143C;--black-background:rgba(0,0,0,1);--darker-background:rgba(0,0,0,0.75);--dark-background:rgba(0,0,0,0.65);--light-background:rgba(0,0,0,0.65);--lighter-background:rgba(0,0,0,0.45);--container-width:70rem;--large-inner-container:65%;--small-inner-container:35%;--middle-split-inner-container:50%;--container-gap:1rem}.text-light{color:var(--light-text)}.text-dark{color:var(--dark-text)}.text-black{color:var(--black-text)}.text-red{color:var(--red-text)}.text-small{font-size:0.8rem}.text-bold{font-family:var(--font-family-bold)}*{padding:0;margin:0}html,body{overflow:visible;width:100%}hr{color:var(--light-text)}a p h1 h2 h3 h4 h5 h6{font-family:var(--font-family)}a{color:var(--href-color);font-family:var(--font-family);font-weight:bold}h1{font-size:5rem;font-family:var(--font-family)}h2{font-size:3rem;font-family:var(--font-family)}h3{font-size:2rem;font-family:var(--font-family)}p{color:var(--light-text);font-size:1rem;font-weight:bold;font-family:var(--font-family);line-height:1.5}.hidden{display:none}.main{min-height:110vh}.main-nav{display:flex;align-items:center}.about{display:flex;justify-content:center}.about-container{border-radius:var(--border-radius);background-color:var(--darker-background);width:50%;padding:2.5rem 2.5rem 2.5rem 2.5rem;margin:2.5rem 0rem 2.5rem 0rem}.cancel{min-height:90vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.cancel-container{display:flex;flex-direction:column}.cancel-div{width:fit-content;padding:1rem;border-radius:var(--border-radius);background-color:var(--dark-background);display:flex;justify-content:center;flex-direction:column;margin:1rem 0rem 0rem 0rem;align-items:center}.create-account{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.create-account-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:30%;background-color:var(--dark-background);border-radius:var(--border-radius);padding:1rem 0rem 1rem 0rem;gap:0.5rem}.create-account-container-div{display:flex;flex-direction:column;align-items:center;gap:var(--container-gap)}.login{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:30rem;background-color:var(--dark-background);border-radius:var(--border-radius);padding:1rem;gap:0.5rem}.login-container-div{width:100%;align-items:center;display:flex;flex-direction:column}.contact{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.contact-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--small-inner-container);background-color:var(--darker-background);border-radius:var(--border-radius);gap:0.5rem;padding:1rem}.contact-div{display:flex;flex-direction:column;width:100%;align-items:center}.reset-password{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.reset-password-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:30%;background-color:var(--dark-background);border-radius:var(--border-radius);gap:0.5rem}.reset-password-container-div{display:flex;flex-direction:column;align-items:center;gap:var(--container-gap);margin:1rem}.update-password{min-height:100vh;display:flex;flex-direction:column;justify-content:start;align-items:center;width:100%}.update-password-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:30%;background-color:var(--dark-background);border-radius:var(--border-radius);padding:1rem 0rem 1rem 0rem;gap:0.5rem;margin:1rem 0rem 1rem 0rem}.search{min-height:100vh;display:flex;flex-direction:column;justify-content:start;align-items:center;width:100%}.search-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--border-radius);padding:1rem 0rem 1rem 0rem;gap:0.5rem;margin:1rem 0rem 1rem 0rem;width:var(--container-width)}.search-box{font-family:sans-serif;font-size:1rem;width:25rem;height:2rem;padding:0rem 0.25rem 0rem 0.25rem}.search-box::placeholder{font-family:'Font2'}.search-form{display:flex;justify-content:center;flex-direction:row;align-items:center;width:90%;gap:var(--container-gap)}.search-results{border-radius:var(--border-radius)}.search-item{display:flex;flex-direction:row;padding:1rem;border-radius:var(--border-radius);background-color:var(--darker-background);margin-top:1rem;width:100%}.search-list-title{font-family:var(--font-family);color:var(--light-text)}.change-plan{display:flex;justify-content:center}.change-plan-container{display:flex;flex-direction:column;gap:var(--container-gap);margin:2.5rem 0rem 2.5rem 0rem;width:40rem}.change-plan-div{display:flex;background-color:white;border-radius:10px;width:40rem;justify-content:center;align-items:center;flex-direction:column;height:fit-content;margin-bottom:5rem;padding:1rem}.change-plan-list{display:flex;flex-direction:column;width:100%;gap:var(--container-gap)}.change-plan-proration{margin:1rem 0rem 1rem 0rem;width:100%}.create-project{display:flex;justify-content:center;align-items:center;flex-direction:row;width:100%}.create-project-container{display:flex;flex-direction:column;width:var(--container-width);background-color:var(--darker-background);border-radius:var(--border-radius);margin:1rem 0rem 1rem 0rem;align-items:center}.create-project-title{display:flex;flex-direction:row;gap:var(--container-gap)}.create-project-div{max-width:90%;display:flex;justify-content:center;flex-direction:column;margin:0rem 0rem 1rem 0rem;gap:var(--container-gap)}.create-projects-form-options{display:flex;flex-direction:column;width:100%;margin:0rem 0rem 1rem 0rem}.image-preview{max-width:300px;max-height:300px;margin-bottom:1rem;margin-left:auto;cursor:pointer}.edit-project{display:flex;justify-content:center;align-items:center;flex-direction:row;width:100%}.edit-project-container{display:flex;flex-direction:column;width:var(--container-width);background-color:var(--darker-background);border-radius:var(--border-radius);margin:1rem 0rem 1rem 0rem;align-items:center}.edit-project-title{display:flex;flex-direction:row;gap:var(--container-gap)}.edit-project-div{max-width:90%;display:flex;justify-content:center;flex-direction:column;margin:1rem 0rem 1rem 0rem;gap:var(--container-gap)}.edit-projects-form-options{display:flex;flex-direction:column;width:100%;margin:0rem 0rem 1rem 0rem}.branch-project{display:flex;justify-content:center;align-items:center;flex-direction:row;width:100%}.branch-project-container{display:flex;flex-direction:column;width:var(--container-width);background-color:var(--darker-background);border-radius:var(--border-radius);margin:1rem 0rem 1rem 0rem;align-items:center}.branch-project-div{display:flex;flex-direction:column;max-width:90%;margin:1rem;gap:var(--container-gap)}.branch-project-uuid{display:flex;flex-direction:column;align-items:center}.branch-project-from-div{display:flex;flex-direction:row;align-items:center;gap:var(--container-gap);justify-content:center}.branch-projects-form-options{display:flex;flex-direction:column;width:100%;margin:0rem 0rem 1rem 0rem;gap:var(--container-gap)}.branch-image-preview{max-width:300px;max-height:300px;margin-bottom:1rem;margin-left:auto}.new-icon-upload{display:none;flex-direction:row}.error{height:90vh;display:flex;justify-content:center;align-items:center}.error-container{display:flex;justify-content:center;flex-direction:column}.error-list{display:flex;flex-direction:row;margin-top:1rem;justify-content:center;align-items:center}.error-link{margin:0rem 1rem 0rem 1rem;text-decoration:none;color:var(--black-text)}.error-link:hover{color:var(--dark-text)}.listen{display:flex;justify-content:center}.listen-container{display:flex;justify-content:center;width:var(--container-width);flex-direction:row;gap:var(--container-gap);margin:1rem 0rem 1rem 0rem}.listen-content{display:flex;flex-direction:column;width:100%}.listen-container-left{width:var(--large-inner-container);display:flex;align-items:center;justify-content:center;flex-direction:column}.listen-container-right{width:var(--small-inner-container);display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.listen-container-div{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;border-radius:var(--border-radius)}.content-container-listen{display:flex;flex-direction:row;padding:1rem;border-radius:var(--border-radius);background-color:var(--darker-background)}.info-content-container-listen{display:flex;flex-direction:row;border-radius:var(--border-radius);background-color:var(--darker-background);width:100%}.listen-content-display{margin:0rem 0rem 1rem 0rem}.content-listen-info{display:flex;flex-direction:column;margin-left:1rem}.listen-options{display:flex;justify-content:left;width:100%;margin:2.5rem 0rem 1rem 0rem;gap:0.5rem}.listen-button{border:none;font-family:'Font2';padding:0.25rem 1rem 0.25rem 1rem;background-color:black;color:var(--light-text);cursor:pointer;border-radius:var(--border-radius)}.genre-list{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;margin:1rem 1rem 1rem 0rem}.genre-link{text-decoration:none;color:var(--light-text);font-size:1rem;font-weight:bold;font-size:1rem}.genre-link:hover{color:black;cursor:pointer}.recently-branched-item{display:flex;flex-direction:row;padding:1rem;border-radius:10px;background-color:var(--darker-background);align-items:center}.prices{min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.prices-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.price-list{display:flex;background-color:white;border-radius:var(--border-radius)}.price-box{border:2px solid rgb(140,140,140);background-color:rgb(174,174,174);box-shadow:0 0 10px lightgray;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;border-radius:var(--border-radius);margin:1rem;height:10rem}.price-box:hover{border:2px solid rgb(119,92,182);cursor:pointer;background-color:rgb(119,92,182)}.price-box-selected{border:2px solid #684EA4;background-color:#684EA4;box-shadow:0 0 10px #684EA4;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;border-radius:var(--border-radius);margin-top:1rem;margin-bottom:1rem;height:10rem}.price-box-selected:hover{border:2px solid #684EA4;background-color:#684EA4}.price-box-currently-active{border:2px solid rgb(100,100,100);background-color:rgb(82,82,82);box-shadow:0 0 10px rgb(131,131,131);margin:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;border-radius:var(--border-radius);margin-top:1rem;margin-bottom:1rem;height:10rem}.projects{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.projects-container{width:var(--container-width);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:2.5rem 0rem 2.5rem 0rem}.projects-nav{display:flex;flex-direction:row;justify-content:left;width:100%;gap:var(--container-gap)}.projects-list{margin:1rem 0rem 0rem 0rem}.project-content-display{margin:0rem 0rem 1rem 0rem}.projects-list-title{font-family:var(--font-family);color:var(--light-text)}.change-payment-method{display:flex;flex-direction:row;justify-content:center}.change-payment-method-container{height:fit-content;margin:2.5rem 0rem 2.5rem 0rem;display:flex;flex-direction:column}.change-payment-method-div{background-color:whitesmoke;border-radius:10px;height:100%;flex-direction:column;display:flex;margin:1rem 0rem 0rem 0rem;justify-content:center;align-items:center;padding:1rem}.stripe-form{margin:0rem 1rem 0rem 1rem}.stripe-label{font-family:sans-serif;font-size:1rem;color:#30313D;font-family:system-ui;margin:0rem 0rem 0.25rem 0rem}.stripe-input{width:100%;border-radius:2.5px;border:none;box-shadow:1px 1px 1px 1px lightgray;box-sizing:border-box;padding:0.5rem;font-size:1rem;margin:0rem 0rem 0.5rem 0rem}.profile{display:flex;justify-content:center;height:100%}.profile-container{width:var(--container-width);display:flex;justify-content:left;align-items:center;height:100%}.profile-container-div{display:flex;flex-direction:column;width:100%;padding:1rem;border-radius:var(--border-radius);margin:1rem 0rem 1rem 0rem}.profile-info{width:100%;display:flex;flex-direction:column;align-items:center;box-shadow:5px 5px 10px rgba(255,255,255,0.2),-5px -5px 10px rgba(255,255,255,0.2);background-color:var(--darker-background);border-radius:var(--border-radius)}.profile-info:hover{box-shadow:5px 5px 10px rgba(49,27,146,0.2),-5px -5px 10px rgba(49,27,146,0.2)}.profile-info-container{margin:1rem}.profile-area{margin:2.5rem 0rem 2.5rem 0rem;width:100%;height:100%}.profile-area-top{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%}.profile-area-left{width:50%;display:flex;justify-content:center}.progress-bar-container{display:none;width:100%;margin:1rem 0rem 1rem 0rem}.profile-storage-progress-bar{width:100%;background-color:#ddd;border-radius:5px;border:2px white solid}.changing-progress-bar{width:0%;height:20px;background-color:#684EA4;text-align:center;line-height:20px;color:whitesmoke;border-radius:5px}.progress-bar-total{color:black;text-align:center;margin-top:0.5rem}.project-progress-bar-total{color:black;text-align:center;margin-top:0.5rem}.profile-icon-image{margin-right:2.5rem;border-radius:50%;height:225px;width:225px}.user-icon-image{margin-right:2.5rem;border-radius:50%;height:150px;width:150px}.profile-current-storage{background-color:var(--href-color);text-align:center}.resubscribe{display:flex;align-items:center;justify-content:center;width:100%;flex-direction:column;min-height:90vh}.resubscribe-container{display:flex;flex-direction:column;min-width:40rem}.resubscribe-div{background-color:whitesmoke;border-radius:var(--border-radius);margin:1rem 0rem 1rem 0rem;display:flex;flex-direction:column;align-items:center;padding:1rem}.resubscribe-list{display:flex;flex-direction:column;width:100%}.proration-amount{width:100%}.children-main{background-color:var(--darker-background);padding:1rem;border-radius:10px;width:100%}.file-upload-progress-bar-container{width:100%;margin:1rem 0rem 1rem 0rem}.view{display:flex;flex-direction:column;align-items:center}.view-container{width:70rem;display:flex;flex-direction:column}.project-head-container{display:flex;flex-direction:row;width:auto;background-color:var(--darker-background);padding:1rem;margin:1rem 0rem 0rem 0rem;border-radius:var(--border-radius)}.audio-file-content{display:flex;margin:1rem 0rem 2.5rem 0rem;border-radius:var(--border-radius);gap:var(--container-gap)}.trail{display:flex;margin:2.5rem 0rem 0rem 0rem}.view-info{display:flex;background-color:var(--darker-background);flex-direction:column;margin:1rem 0rem 0rem 0rem;border-radius:var(--border-radius)}.view-info-item{display:flex;flex-direction:row;padding:1rem;align-items:center;gap:var(--container-gap)}.root-link-div{margin:1rem 0rem 0rem 0rem;display:flex;gap:1rem}.owner-project-tag-content{display:flex;flex-direction:row;margin-left:auto}.view-project-import{margin:1rem 0rem 0rem 0rem;display:flex;align-items:center;gap:var(--container-gap)}.upload-files-container{display:flex;flex-direction:row;gap:var(--container-gap);align-items:center}.file-upload-loader{display:flex;align-items:center}.file-count-div{display:flex;align-items:center}.add-tag-div{width:fit-content;display:flex;flex-direction:row;margin-left:auto;align-items:center;gap:var(--container-gap)}.tag-input{height:2.5rem;font-size:1rem;padding:0rem 0.5rem 0rem 0.5rem;border-radius:var(--border-radius);border:2px solid black;font-family:sans-serif;width:100%}.tag-input::placeholder{color:gray;font-family:'Font2'}.individual-audio-div{width:var(--large-inner-container);display:flex;flex-direction:column}.audio-information-div{display:flex;flex-direction:row;padding:1rem;background-color:var(--darker-background);border-radius:var(--border-radius);gap:var(--container-gap);align-items:center}.universal-outline{display:flex;background-color:black;padding:0.5rem;border-radius:var(--border-radius);justify-content:center;color:var(--light-text);border:2px solid black;width:fit-content;font-family:var(--font-family-bold)}.audio-content{display:flex;justify-content:center;flex-direction:column;margin-bottom:2.5rem;margin-right:2.5rem}.branched-main{border-radius:var(--border-radius);display:flex;flex-direction:column}.file-upload-progress-bar{width:50%;background-color:#ddd;border-radius:5px;border:2px white solid}.private-members-main{background-color:var(--darker-background);border-radius:var(--border-radius);padding:1rem;display:flex;flex-direction:column;gap:var(--container-gap)}.branched-content{width:var(--small-inner-container);display:flex;margin-bottom:2.5rem;height:min-content;flex-direction:column;gap:var(--container-gap)}.project-icon-container{display:flex;height:225px;width:225px;position:relative}.stripe-content{background-color:var(--darker-background);border-radius:10px}.stripe-content-inner{margin:1rem;display:flex;flex-direction:column;align-items:center}.settings{display:flex;justify-content:center;flex-direction:row;align-items:flex-start;min-height:100vh}.settings-data{display:flex;flex-direction:column;gap:1rem}.settings-container{width:var(--container-width);margin:2.5rem 0rem 2.5rem 0rem;display:flex;flex-direction:row;gap:var(--container-gap)}.settings-container-item{width:var(--middle-split-inner-container);display:flex;flex-direction:column;gap:var(--container-gap)}.past-subscriptions{width:100%}.active-subscriptions{width:100%}.settings-image{display:flex}.settings-image-input{margin-left:auto}.settings-image-preview{max-width:250px;max-height:250px}.upload-user-icon{display:flex;gap:var(--container-gap)}.subscribe{min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.subscribe-container{display:flex;flex-direction:row;justify-content:center;min-width:40rem;border-radius:var(--border-radius);margin:1rem 0rem 1rem 0rem;padding:1rem;gap:var(--container-gap);align-items:start}.subscribe-prices{display:flex;flex-direction:column;min-width:30rem;background-color:whitesmoke;padding:1rem;border-radius:10px}.subscribe-form{display:flex;flex-direction:column;width:100%}.subscriptions-list{display:flex;flex-direction:column;border-radius:var(--border-radius)}.payment-container{flex-direction:column;background-color:whitesmoke;border-radius:10px;height:fit-content;display:flex;align-items:center;min-height:auto;padding:1rem;min-width:30rem}.final-pay-price{text-align:center;color:#444;font-size:0.75rem;font-family:system-ui}.container{position:relative;margin-left:4rem}.content{display:flex;justify-content:center;height:100%}#waveform{cursor:pointer;position:relative}#hover{position:absolute;left:0;top:0;z-index:10;pointer-events:none;height:100%;width:0;mix-blend-mode:overlay;background:rgba(255,255,255,0.5);opacity:0;transition:opacity 0.2s ease}#waveform:hover #hover{opacity:1}#time,#duration{position:absolute;z-index:11;top:50%;margin-top:-1px;transform:translateY(-50%);font-size:11px;background:rgba(0,0,0,0.75);padding:2px;color:#ddd}#time{left:0}#duration{right:0}.profile-stats{display:flex;flex-direction:row}.tag-link{text-decoration:none;margin-right:0.5rem;font-family:var(--font-family);font-weight:bold;color:var(--light-text);white-space:nowrap}.tag-link:hover{color:#DDDDDD}.owner-tag-link{text-decoration:none;margin-right:0.5rem;font-family:var(--font-family);font-weight:bold;color:var(--light-text);white-space:nowrap}.owner-tag-link:hover{color:#DDDDDD;text-decoration:line-through;cursor:pointer}.song-delete-button{border:none;padding:0.25rem 0.5rem 0.25rem 0.5rem;font-size:1rem;border-radius:50%;cursor:pointer;background-color:#111;color:var(--light-text);margin-left:1rem}.song-delete-button:hover{background-color:#444}.create-account-hover{font-family:var(--font-family);text-decoration:none;margin-top:1rem;color:var(--light-text);font-size:0.75rem}.create-account-hover:hover{color:#111}.button-hover-neoko{border:2px solid black}.button-hover-neoko:hover{border:2px solid whitesmoke}.view-button-style{background-color:gray;padding:0.5rem;margin:0rem 1rem 0rem 1rem;border-radius:var(--border-radius)}.trail-user-icon{margin-top:-25px;margin-left:-25px}.trail-user-icon:hover{height:60px;width:60px;margin-top:-30px;margin-left:-30px}.trail-user-icon-two{height:50px;width:50px;border-radius:50%;border:2px solid black;position:absolute;margin-left:-25px;margin-top:-25px}.trail-user-icon-two:hover{height:60px;width:60px;margin-left:-30px;margin-top:-30px}.view-button-style:hover{background-color:black}.branch-button-style{padding:10px;background-color:black;border-radius:var(--border-radius);border:2px solid black;margin-top:-25px;margin-left:10px;position:absolute;font-family:'Font1',var(--font-family)}.branch-button-style:hover{background-color:#684EA4;padding:15px;margin-top:-25px;margin-left:5px;border:2px solid whitesmoke}.branch-button-style-two{padding:10px;background-color:black;border-radius:var(--border-radius);border:2px solid white;margin-left:10px;position:absolute;font-family:'Font1',var(--font-family)}.branch-button-style-two:hover{background-color:#684EA4;padding:15px;margin-left:5px}.text-font-footer{font-family:'Font2',var(--font-family);color:black}.text-font-container{display:flex;flex-direction:column;align-items:center}.text-font-larger{font-family:'Font2',var(--font-family);font-size:1.5rem;color:black;width:85%}.navigation{display:flex;justify-content:center;align-items:center;flex-direction:row;padding-top:0.5rem;padding-bottom:0.5rem;position:sticky;z-index:1000;width:100%;top:0;left:0;background-color:rgba(15,15,15,0.99);border-bottom:2px solid whitesmoke}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4x;transition:.4x}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#684EA4}input:focus+.slider{box-shadow:0 0 1 #684EA4}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.links{display:flex;flex-direction:row;align-items:center;width:var(--container-width)}.link-item{padding:0rem 1rem 0rem 1rem}.link-item-title{margin-right:auto}.nav-link{font-size:1.5rem;font-family:'Font2',var(--font-family);color:white;text-decoration:none}.nav-link-title{font-size:2rem;font-family:'Font2',var(--font-family);color:black;text-decoration:none;background-color:whitesmoke;border-radius:var(--border-radius);padding:0rem 0.5rem 0rem 0.5rem}.login-nav-link{font-size:1.5rem;font-family:'Font2',var(--font-family);color:white;text-decoration:none}.login-nav-link:hover{font-size:1.5rem;font-family:'Font2',var(--font-family);color:var(--href-color);text-decoration:none}.nav-link:hover{text-decoration:underline white}.main-footer{display:flex;justify-content:center;background-color:whitesmoke;border-top:1px solid black}.footer-container{display:flex;gap:5rem;padding-bottom:5rem;padding-top:2.5rem}.main-page-two{background-color:whitesmoke;padding-bottom:5rem;padding-top:5rem;width:auto;border-top:2px dashed black;border-bottom:2px dashed black;border-width:2px 10px}.page-two-container{width:auto}.landing-page-bottom{display:flex;flex-direction:row;justify-content:center;align-items:center;padding-top:2.5rem}.content-container{width:90%;display:flex;justify-content:left;align-items:center;height:100%}.content-area{margin:2.5rem 4rem 2.5rem 4rem;padding:2rem 4rem 2rem 4rem;width:100%;height:100%;border-radius:5px;box-shadow:5px 5px 10px rgba(255,255,255,0.2),-5px -5px 10px rgba(255,255,255,0.2);background-color:whitesmoke}#hidden-page-load{display:flex;flex-direction:column;min-height:100vh}#trail-content{display:flex}.content-area:hover{box-shadow:5px 5px 10px rgba(49,27,146,0.2),-5px -5px 10px rgba(49,27,146,0.2)}.content-area-top{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%}.content-area-left{width:50%;display:flex;justify-content:center}.team-main{display:flex;justify-content:center;align-items:center;flex-direction:row;width:100%}#info-div{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;background-color:var(--lighter-background);border-radius:var(--border-radius);margin:1rem 0rem 1rem 0rem}.upload-song-div{display:flex;flex-direction:column;width:75%;padding:1rem;background-color:var(--lighter-background);border-radius:var(--border-radius);margin:1rem 0rem 1rem 0rem}.project-container-div{display:flex;flex-direction:column;width:100%;padding:1rem;background-color:var(--lighter-background);border-radius:var(--border-radius);margin:1rem 0rem 1rem 0rem}.view-project-icon{border-radius:5px;object-fit:cover;display:block}.view-project-content-left{display:flex;margin-left:1rem;max-width:100%;width:85%}#zipping-notify{display:none;justify-content:center;align-items:center;margin-right:1rem}.upload-files-div{background-color:white;padding:0.5rem;border-radius:var(--border-radius);cursor:pointer}.upload-song-form{display:flex;flex-direction:column;justify-content:center;align-items:left;width:40%}.form-item{margin-bottom:1rem;background-color:whitesmoke;padding:0.5rem;border-radius:var(--border-radius);display:flex;justify-content:center;flex-direction:column}.filetype-text{background-color:black;padding:0.25rem 0.75rem;border-radius:var(--border-radius);font-size:1rem;font-family:var(--font-family)}.audio-content-display{display:flex;justify-content:left}.no-decoration-link{text-decoration:none;width:fit-content;color:var(--light-text);font-size:1rem;font-family:var(--font-family)}.no-decoration-link:hover{color:gray}.dragging{background-color:rgba(0,0,0,0.8);border-radius:var(--border-radius);border:2px solid whitesmoke}.audio-main{width:100%;display:flex;flex-direction:column;padding:1rem;background-color:var(--darker-background);border-radius:var(--border-radius)}.audio-information{display:flex;align-items:center;margin-bottom:0.5rem}.audio-information-content{display:flex;flex-direction:column;margin-left:1rem}.audio-user-icon{height:50px;width:50px;border-radius:50%}.audio-content{display:flex;flex-direction:row;align-items:center;background-color:var(--darker-background);padding:1rem;border-radius:5px;width:75%;height:10rem}.audio-player{width:100%}.image-parallax{transform:translateZ(0);will-change:transform;display:flex;justify-content:center}.image-parallax{transition:transform 0.2s}.image-parallax:hover{transform:scale(1.05)}.navigation-user-icon{display:flex;justify-content:center;align-items:center}img{display:block;height:auto}.both-name-list{display:flex;flex-direction:column;align-items:left}.view-project-title-text{color:var(--light-text);font-size:2.5rem;font-family:var(--font-family);font-weight:bold}span{display:inline-block;margin:0;padding:0;color:white}#project-tag-content{display:flex;flex-direction:row;margin-bottom:1rem;margin-left:auto}.navigation-bar-element{background-color:whitesmoke;opacity:60%;flex:1;text-align:center;display:flex;justify-content:center;align-items:center;height:2em;margin:0;display:none}.hamburger-nav-flex{display:none}@keyframes gradient-move{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.animated-background{top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#aa81db,#b980d9,#ba8fdd,#a18cd1,#b690ee);background-size:300% 300%;filter:blur(0px);animation:gradient-move 10s infinite ease-in-out;border-width:2px 10px}.dark-animated-background{top:0;left:0;width:100%;background:linear-gradient(45deg,#000000,#0F0F0F,#131313,#181818,#222222);background-size:300% 300%;filter:blur(0px);animation:gradient-move 60s infinite ease-in-out;border-width:5px 10px}.nav-user-icon{box-shadow:10px 10px 30px rgba(0,0,0,0.5);pointer-events:none;border-radius:50%;width:50px;height:50px}.nav-username{font-size:1.25rem;color:var(--light-text);text-decoration:none;margin-left:1rem;text-decoration:none;color:var(--light-text)}.nav-username:hover{color:#684EA4}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.footer-links{text-decoration:none;color:black;font-family:'Font2',var(--font-family)}.footer-links:hover{color:gray}.navigation-bar-list{display:none}.profile-center{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%}.link-item-title-top{display:flex;flex-direction:row;justify-content:center;align-items:center}.link-item-text-smaller{font-family:'Font2';margin:0rem 0.25rem 0rem 0.25rem;font-size:1rem}.link-item-text-larger{font-family:'Font2';margin:0rem 0.25rem 0rem 0.25rem}.profile-middle-content{display:flex;flex-direction:column;margin-left:1rem;margin-right:1rem;background-color:var(--darker-background);padding:1rem;border-radius:var(--border-radius)}.profile-middle-text{color:black;font-family:'Font2';font-size:1.5rem;color:white}.profile-top{display:flex;justify-content:center;align-items:center;flex-direction:row}.profile-middle{margin-top:2.5rem}#nav-button{background-color:transparent;border:none;padding:0rem 0.5rem 0rem 0.5rem}#nav-button:hover{cursor:pointer}.hidden-div{display:none;position:absolute;top:100%;left:0;background-color:var(--black-background);padding:10px;border:2px solid #ccc;border-radius:8px}.hidden-div-audio{display:none;position:absolute;background-color:var(--darker-background);padding:10px;border:1px solid #ccc;border-radius:8px;flex-direction:column}.audio-content-container{margin-left:auto}.container:hover .hidden-div{display:block}.audio-content-options{display:flex;flex-direction:row;height:100%;cursor:pointer;padding:0.5rem}.audio-content-container:hover .hidden-div-audio{display:flex}@keyframes cd_spin{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}