#modal{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:20}#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;-webkit-backdrop-filter:grayscale(25%) blur(2px);backdrop-filter:grayscale(25%) blur(2px)}#modal-content *{color:#ef3e2b}#modal-content{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px;background-color:#efdc2b;border-radius:50px;box-shadow:0 0 20px #000433}#modal-content form{display:flex;flex-direction:column;align-items:center;gap:10px}#modal-content form label{display:flex;gap:5px;width:100%;justify-content:space-between}#modal-content form input{background-color:#ffffab}#modal-content form textarea{background-color:#ffffab;resize:none}#modal-content button{padding:4px 8px;color:#ef3e2b;width:fit-content;border:2px solid #EF3E2B;border-radius:5px}#modal-content span{font-size:large}#modal-content span:hover{cursor:pointer;text-decoration:underline}.album-header{display:flex;background:linear-gradient(135deg,#EFDC2B 0%,#EF912B 45%,#EF3E2B 100%)}.album-header span{color:#fff}.album-header>img{width:360px;height:360px;padding:20px}.album-header-default-pic{width:360px;height:360px;margin:20px}.album-header_data{display:flex;flex-direction:column;justify-content:space-between;width:800px;padding:30px 10px 30px 30px}.album-header_data-top{display:flex;justify-content:space-between}#album-header_data-top-left{display:flex;gap:5px}#album-header_data-top-left>div{display:flex;flex-direction:column;justify-content:space-around}#album-header_data-top-left h3,#album-header_data-top-left h5{width:fit-content;color:#fff;background-color:#000433b3;border-radius:1px;padding:5px;margin:0}#album-header_data-top-right{display:flex;flex-direction:column;align-items:end;gap:10px;flex-grow:1}#album-header_data-top-right div span{color:#000433;background-color:#ffffab;padding:4px 8px;border-radius:16px}#album-header_data-track-count{cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;box-shadow:2px 2px 4px #00043340;color:#fff;border-radius:50%;width:110px;height:110px;background-color:#000433}#album-header_data-track-count h2{font-size:xx-large}#album-header_data-track-count h2,#album-header_data-track-count h5{padding:0;margin:0}.album-body{display:flex;margin:30px auto}.album-body_left{display:flex;flex-direction:column;width:770px;padding:0 30px}.album-body_left-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1.5px solid rgba(0,4,51,.3);height:30px;padding:0 0 5px;margin:0 0 15px}.album-body_left-top>div>button{cursor:pointer}.album-body_left-top>div{color:#000433;display:flex;align-items:center;gap:10px}.album-body_left-top button{color:#000433;border:1.5px solid rgba(0,4,51,.3);border-radius:5px;padding:1px 5px}.album-body_left-bottom{display:flex}.album-body_left-bottom_profile{display:flex;flex-direction:column;gap:8px;padding-right:25px}.album-body_left-bottom_profile div{display:flex;gap:10px}.album-body_left-bottom_profile button{width:fit-content;color:#fff;background-color:#ef3e2b;padding:4px 8px;border-radius:5px}.album-body_left-bottom_profile a{cursor:pointer}.album-body_left-bottom_album-details{display:flex;flex-direction:column;width:100%;border-bottom:1.5px solid rgba(0,4,51,.25)}.album-body_left-bottom_album-details_body{padding:15px 0}.album-body_left-bottom_song-details{display:flex;justify-content:start;align-items:center;gap:10px;border-top:1.5px solid rgba(0,4,51,.25);padding:5px;height:50px;cursor:pointer}.album-body_left-bottom_song-details:hover{transition:background-color .1s;background-color:#00043340}.album-body_left-bottom_song-details>img{height:30px;width:30px}.album-body_left-bottom_song-details>span+span+span{margin-left:auto}.album-body_right{display:flex;flex-direction:column;padding:5px 0;width:300px;border-left:1.5px solid rgba(0,4,51,.25)}.album-body_right_container{padding:0 20px}.album-body_right_container_header{display:flex;justify-content:space-between;padding:5px;border-bottom:1.5px solid rgba(0,4,51,.25)}.album-body_right_container_set{display:flex;align-items:center;gap:10px;height:80px}.album-body_right_container_set img,.album-body_right_container_set-default{cursor:pointer;height:50px;width:50px}.album-body_right_container_set>div{display:flex;flex-direction:column}.album-body_right_container_likes{display:flex;padding:5px 15px}.upcoming{list-style-type:none;cursor:pointer}.follow-button{cursor:pointer;display:inline-flex;border:.5px solid rgb(128,128,128)}.follow-button-text{margin-left:5px}.login-form>label>input,textarea{border-radius:10px;padding:5px;border:1px solid rgba(37,37,77,1);align-items:center;justify-content:center;width:100%}.login-form>button{margin-left:2px;cursor:pointer;border:1.5px solid rgba(0,4,51)!important;gap:0px;border-radius:calc(infinity * 1px);background-color:#ef3e2b;font-size:medium;color:#fff!important}.signup-form{display:flex}.signup-form>label>input,textarea{border-radius:10px;padding:5px;border:1px solid rgba(37,37,77,1);align-items:center;justify-content:center;width:100%}.signup-form>button{margin-left:2px;cursor:pointer;border:1.5px solid rgba(0,4,51)!important;gap:0px;border-radius:calc(infinity * 1px);background-color:#ef3e2b;font-size:medium;color:#fff!important}.log-in-button{list-style:none;margin-left:2px;cursor:pointer;border:1.5px solid rgba(0,4,51)!important;gap:0px;border-radius:calc(infinity * 1px);background-color:#ef3e2b;font-size:medium;color:#fff!important;padding:5px}button{width:100px}.profile-button{font-size:30px;color:#ef3e2b;width:100px}.profile-dropdown{background-color:#00043340}#profile-button-pic{height:30px}.profile-dropdown{position:absolute;top:50px;width:100px;padding:5px;border-radius:0 0 5px 5px;background-color:#ffffab}.profile-dropdown li{color:#000433}nav{position:sticky;top:0;z-index:10;display:flex;justify-content:center;gap:800px;padding:fill;height:50px;background-color:#000433}nav>ul{display:flex;list-style:none}nav>ul>li{display:flex;transition:background-color .2s;background-color:#000433;justify-content:center;color:#fff;align-items:center;width:100px;cursor:pointer}nav>ul>li *{width:100%;height:100%;justify-content:center;display:flex;align-items:center;flex-direction:column}nav>ul>li:hover{transition:background-color .2s;background-color:#25254d}nav>ul>li>button{text-align:center;width:100%;height:100%}.nav-link-title{color:#ef3e2b;display:flex;position:absolute;justify-content:center;align-items:center;font-size:xx-large;height:100%}.nav-link-logo{display:flex;width:40px;padding-left:10px}.react-h5-audio-player{position:fixed;bottom:0;width:100%;background-color:#000433;border-top:2px solid #EF912B;padding:10px 0;z-index:10}.rhap_main{display:flex;flex-direction:column;justify-content:center;gap:5px;align-items:center;width:1200px;margin:auto}.rhap_progress-section{display:flex;align-items:center;gap:40px;color:#fff}.rhap_progress-section *{display:flex;justify-content:center;width:fit-content}.rhap_controls-section{display:flex;gap:40px}.rhap_main-controls{display:flex;gap:10px}.rhap_controls-section button{color:#fff;text-align:center;width:30px;height:30px;font-size:x-large;cursor:pointer;-webkit-text-stroke:1px #EF3E2B}.upload-form_song{display:flex;flex-direction:column;justify-content:start;height:100%;width:100%}.upload-form_song *{color:#000433}.upload-form_song h1{margin:0 0 10px;border-bottom:2px solid #000433;width:100%;text-align:center}.upload-form_song>div{display:flex;justify-content:space-between;width:100%;height:fit-content}.upload-form_song_pic{width:200px;padding:10px;display:flex;flex-wrap:wrap;align-content:center}.upload-song_container-upload-button{display:none}.upload-song_container-upload-custom-button{cursor:pointer;border:1.5px solid rgba(0,4,51);padding:20px;border-radius:calc(infinity*1px);background-color:#ef3e2b;font-size:medium;color:#fff;width:fit-content;height:fit-content;align-content:center;justify-content:center;display:flex}.upload-form_song_pic img{width:200px;height:200px}.upload-form_song_data{display:flex;flex-direction:column;padding-top:30px;gap:10px;align-items:end;width:50%}.upload-form_song_data>label{display:flex;justify-content:space-between;align-items:center;width:100%}.upload-form_song_data>label>input{border-radius:5px;border:1px solid #000433}.upload-form_song_data button{padding:4px 8px;color:#fff;width:fit-content;border:1px solid #000433;border-radius:5px;cursor:pointer;background-color:#ef3e2b}.upload-form_song_button-container{display:flex;justify-content:space-evenly;width:100%}.submitted-song{display:flex;justify-content:space-between;align-items:center;border-top:2px solid #000433;padding:10px 0}.submitted-song img{width:100px;height:100px}.create-song-description{margin-left:5px;resize:none}.upload-form_container{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px;margin:20px auto;height:fit-content;width:600px;background-color:#efdc2b;border-radius:40px;box-shadow:0 0 15px -5px #000433}.upload-form_container p{color:#ef3e2b}.upload-form_container h2{color:#ef3e2b;text-align:center}.upload-form_container-upload-button{display:none}.upload-form_container-upload-custom-button{cursor:pointer;border:1.5px solid rgba(0,4,51);padding:20px;border-radius:calc(infinity*1px);background-color:#ef3e2b;font-size:medium;color:#fff;width:fit-content}.upload-form_set{display:flex;flex-direction:column;width:100%}.upload-form_set>h1{margin:0 0 10px;border-bottom:2px solid #000433;width:100%;text-align:center;color:#000433}.upload-form_set>div{display:flex;gap:30px;justify-content:center}.upload-form_set>div>h3{cursor:pointer;color:#000433;text-align:center;display:flex}.upload-form_set .selected{text-decoration:underline}.upload-form_set_form{display:flex;flex-direction:row;justify-content:space-between}.upload-form_set_form>div{display:flex;gap:20px;flex-direction:column}.upload-form_set_form>div>label{display:flex;justify-content:space-between}.upload-form_set_form>div>label>input,select{border-radius:5px;border:1px solid black;margin:2px 0;width:fit-content}.upload-form_set_form>div>label>textarea{resize:none;margin-left:5px}.upload-form_set_image{width:200px;padding:10px;display:flex;align-items:center;justify-content:center}.upload-form_set_image img{width:200px;height:200px;box-shadow:0 0 10px #000433;background-color:#000433}.upload-form_set_data{width:350px}.upload-form_set_data label{display:flex;justify-content:space-between}.upload-form_set_data button{padding:4px 8px;color:#fff;width:fit-content;border:1px solid #000433;border-radius:5px;cursor:pointer;background-color:#ef3e2b}.upload-form_set_button-container{display:flex;justify-content:space-evenly;width:100%}.album-release-date{border-radius:5px;border:1px solid black}.single-song-container{display:flex;gap:10px;background-image:linear-gradient(135deg,#EFDC2B 0%,#EF912B 45%,#EF3E2B 100%);border-top:1.5px solid rgba(0,4,51,.25);padding:5px;height:50px;justify-content:space-between;align-items:flex-start}.album{display:flex;border:1.5px solid rgba(0,4,51,.25);height:50px;width:50px}.song-page{border:2px solid black}.waveform ::part(containerRef){z-index:-1000}.song-header{display:flex;background:linear-gradient(135deg,#EFDC2B 0%,#EF912B 45%,#EF3E2B 100%)}.song-header>img{width:360px;height:360px;padding:20px}.song-header-default-pic{width:360px;height:360px;margin:20px}.song-header span{color:#fff}.song-header_data{display:flex;flex-direction:column;justify-content:space-between;width:1100px;padding:30px 10px 30px 30px}.song-header_data-top{display:flex;justify-content:space-between;padding-bottom:20px}#song-header_data-top-left{display:flex;gap:5px}#song-header_data-top-left>div{display:flex;flex-direction:column;justify-content:space-around}#song-header_data-top-left h3,#song-header_data-top-left h5{width:fit-content;color:#fff;background-color:#000433b3;border-radius:1px;padding:5px;margin:0}#song-header_data-top-left span{height:fit-content;color:#000433;background-color:#ffffab;padding:4px 8px;border-radius:16px}#song-header_data-top-right{display:flex;flex-direction:column;align-items:end;gap:10px;flex-grow:1}#song-header_data-top-right div span{color:#000433;background-color:#ffffab;padding:4px 8px;border-radius:16px}.song-header_data-bottom{padding:0 30px 10px}.song-header_data-bottom>div{color:#000433;display:flex;align-items:center;gap:10px}#song-header_data-track-count{cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;box-shadow:2px 2px 4px #00043340;color:#fff;border-radius:50%;width:110px;height:110px;background-color:#000433}#song-header_data-track-count h2{font-size:xx-large}#song-header_data-track-count h2,#song-header_data-track-count h5{padding:0;margin:0}.song-body{display:flex;margin:30px auto}.song-body_left{display:flex;flex-direction:column;width:770px;padding:0 30px}.song-body_left-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1.5px solid rgba(0,4,51,.3);height:30px;padding:0 0 5px;margin:0 0 15px}.song-body_left-top>div{color:#000433;display:flex;align-items:center;gap:10px}.song-body_left-top button{color:#000433;border:1.5px solid rgba(0,4,51,.3);border-radius:5px;padding:1px 5px}.song-body_left-bottom{display:flex}.song-comment{display:flex;flex-direction:column}.song-comment h2{margin-top:.3em}.song-body_left-bottom_profile{display:flex;flex-direction:column;gap:8px;padding-right:25px}.song-body_left-bottom_profile div{display:flex;gap:10px}.song-body_left-bottom_profile button{width:fit-content;color:#fff;background-color:#ef3e2b;padding:4px 8px;border-radius:5px}.song-body_left-bottom_profile a{cursor:pointer}.song-body_left-bottom_song-details{display:flex;flex-direction:column;width:100%;border-bottom:1.5px solid rgba(0,4,51,.25)}.song-body_left-bottom_song-details_body{padding:15px 0}.song-comment-input{padding-top:40px}.song-comment-input form{display:flex;padding:2px;border:1.5px solid rgba(0,4,51,.3);background-color:#fff;border-radius:calc(infinity*1px)}.song-comment-input textarea{flex-grow:1;resize:none;border-radius:calc(infinity * 1px);padding:7px 10px;background-color:#0000;border:none}.song-comment-input textarea:focus{border:none;outline:none}.song-comment-input input:disabled{background-color:gray;cursor:not-allowed}.song-comment-input input{margin-left:2px;cursor:pointer;border:1.5px solid rgba(0,4,51);gap:0px;border-radius:calc(infinity * 1px);background-color:#ef3e2b;font-size:medium;color:#fff}.song-comment-eachone{display:flex;flex-direction:column;padding-bottom:5px;border-radius:15px;margin:15px 0;border-bottom:2px solid rgba(0,4,51,.5);width:100%;background-color:#efdc2b}.song-comment-eachone p{display:flex;align-items:center;gap:3px;margin:5px}.song-comment-eachone h2{margin:0}.song-comment-eachone button{color:#000433;border:1.5px solid rgba(0,4,51,.3);border-radius:5px;padding:1px 5px;margin-left:10px}.song-page-manage-delete-buttons{display:flex;justify-content:end;margin-right:10px}.song-page-manage-delete-buttons button{background-color:#ef912b;cursor:pointer;color:#fff}.song-body_right{display:flex;flex-direction:column;padding:5px 0;width:300px;border-left:1.5px solid rgba(0,4,51,.25)}.song-body_right_container{padding:0 20px}.song-body_right_container_header{display:flex;justify-content:space-between;padding:5px;border-bottom:1.5px solid rgba(0,4,51,.25)}.song-body_right_container_set{display:flex;align-items:center;gap:10px;height:80px}.song-body_right_container_set img,.song-body_right_container_set-default{cursor:pointer;height:50px;width:50px}.song-body_right_container_set>div{display:flex;flex-direction:column}.song-body_right_container_likes{display:flex;padding:5px 15px}.song-body-text{padding-bottom:10px;border-bottom:1.5px solid rgba(0,4,51,.3)}.playlist-header{display:flex;background:linear-gradient(135deg,#EFDC2B 0%,#EF912B 45%,#EF3E2B 100%)}.playlist-header span{color:#fff}.playlist-header>img{width:360px;height:360px;padding:20px}.playlist-header_data{display:flex;flex-direction:column;justify-content:space-between;width:800px;padding:30px 10px 30px 30px}.playlist-header_data-top{display:flex;justify-content:space-between}#playlist-header_data-top-left{display:flex;gap:5px}#playlist-header_data-top-left>div{display:flex;flex-direction:column;justify-content:space-around}#playlist-header_data-top-left h3,#playlist-header_data-top-left h5{width:fit-content;color:#fff;background-color:#000433b3;border-radius:1px;padding:5px;margin:0}#playlist-header_data-top-right{display:flex;flex-direction:column;align-items:end;gap:10px;flex-grow:1}#playlist-header_data-top-right div span{color:#000433;background-color:#ffffab;padding:4px 8px;border-radius:16px}#playlist-header_data-track-count{cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;box-shadow:2px 2px 4px #00043340;color:#fff;border-radius:50%;width:110px;height:110px;background-color:#000433}#playlist-header_data-track-count h2{font-size:xx-large}#playlist-header_data-track-count h2,#playlist-header_data-track-count h5{padding:0;margin:0}.playlist-body{display:flex;margin:30px auto}.playlist-body_left{display:flex;flex-direction:column;width:770px;padding:0 30px}.playlist-body_left-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1.5px solid rgba(0,4,51,.3);height:30px;padding:0 0 5px;margin:0 0 15px}.playlist-body_left-top>div{color:#000433;display:flex;align-items:center;gap:10px}.playlist-body_left-top button{color:#000433;border:1.5px solid rgba(0,4,51,.3);border-radius:5px;padding:1px 5px;cursor:pointer}.playlist-body_left-bottom{display:flex}.playlist-body_left-bottom_profile{display:flex;flex-direction:column;gap:8px;padding-right:25px}.playlist-body_left-bottom_profile div{display:flex;gap:10px}.playlist-body_left-bottom_profile button{width:fit-content;color:#fff;background-color:#ef3e2b;padding:4px 8px;border-radius:5px}.playlist-body_left-bottom_profile a{cursor:pointer}.playlist-body_left-bottom_playlist-details{display:flex;flex-direction:column;width:100%;border-bottom:1.5px solid rgba(0,4,51,.25);cursor:pointer}.playlist-body_left-bottom_playlist-details_body{padding:15px 0}.playlist-body_left-bottom_song-details{display:flex;justify-content:start;align-items:center;gap:10px;border-top:1.5px solid rgba(0,4,51,.25);padding:5px;height:50px}.playlist-body_left-bottom_song-details:hover{transition:background-color .1s;background-color:#00043340}.playlist-body_left-bottom_song-details>img{height:30px;width:30px}.playlist-body_left-bottom_song-details>span+span+span{margin-left:auto}.playlist-body_right{display:flex;flex-direction:column;padding:5px 0;width:300px;border-left:1.5px solid rgba(0,4,51,.25)}.playlist-body_right_container{padding:0 20px}.playlist-body_right_container_header{display:flex;justify-content:space-between;padding:5px;border-bottom:1.5px solid rgba(0,4,51,.25)}.playlist-body_right_container_set{display:flex;align-items:center;gap:10px;height:80px}.playlist-body_right_container_set img{cursor:pointer;height:50px;width:50px}.playlist-body_right_container_set>div{display:flex;flex-direction:column}.playlist-body_right_container_likes{display:flex;padding:5px 15px}.single-album-container{background-image:linear-gradient(-25deg,#EF3E2B 0%,#EF912B 45%,#000433 100%);display:flex;gap:10px;padding:5px;width:500px;height:200px;flex-shrink:0;margin-bottom:5px}.single-album-container>div{width:100%;height:100%;flex-grow:1;display:flex;flex-direction:column}.single-album-container>div>h3,h5{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:290px;margin:0}.single-album-container>div>h3{margin-bottom:5px;border-bottom:1.5px solid rgba(0,4,51,.25)}.first-five-songs-wrapper{flex-grow:1}.first-five-album-song-text{width:50px;flex-grow:1;padding:5px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-bottom:1.5px solid rgba(0,4,51,.25)}.single-album-album{border:1.5px solid rgba(0,4,51,.25);width:200px;height:200px}.single-album-song-picture{width:30px;margin:0 5px}.single-album-image-text{width:100%;transition:backdrop-filter .2s;-webkit-backdrop-filter:none;backdrop-filter:none}.single-album-image-text:hover{transition:backdrop-filter .2s;-webkit-backdrop-filter:hue-rotate(-135deg);backdrop-filter:hue-rotate(-135deg)}.album-pic{width:200px;height:200px}.single-album-image-text>a{display:flex;width:100%;min-width:0;align-items:center}.home_page-genre-container{display:flex;flex-direction:column;gap:15px}.home_page-song-image{width:100px;height:100px;flex-shrink:0;cursor:pointer}.home_page-song{width:150px;height:150px;display:flex;flex-direction:column;justify-content:center;gap:5px;align-items:center;flex-shrink:0;transform:translate(0)}.home_page-song-container-play{display:none;position:fixed;width:60px;height:60px;top:14px;left:38px;pointer-events:none}.home_page-song-image:hover+.home_page-song-container-play{display:block}.home_page-song-image:hover{box-shadow:0 0 25px -25px #000}.home_page-song>h5{margin:0;height:45px;width:100%;text-align:center;word-wrap:break-word;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}.home_page-song-container{display:flex;gap:5px;justify-content:start;overflow-x:scroll}.home_page-song-container::-webkit-scrollbar{background-color:#ef912b;border-radius:5px}.home_page-song-container::-webkit-scrollbar-thumb{background-color:#000433;border-radius:5px}.home_page-album-container{display:flex;gap:5px;justify-content:start;overflow-x:scroll}.home_page-album-container::-webkit-scrollbar{background-color:#ef912b;border-radius:5px}.home_page-album-container::-webkit-scrollbar-thumb{background-color:#000433;border-radius:5px}a,ul,span,button{all:unset}*{word-wrap:break-word}a,button{cursor:pointer}body{margin:0;padding:0 0 60px;background-color:#ffffab;font-family:Questrial,sans-serif}.page-container{margin:0 auto;padding:0;width:1200px}.play-button{cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:25px;text-shadow:5px 5px 4px rgba(0,4,51,.25);box-shadow:2px 2px 4px #00043340;color:#fff;border:2px solid #EF912B;border-radius:50%;width:70px;height:70px;background-color:#ef3e2b}.default-pic{background:linear-gradient(45deg,#EFDC2B 0%,#EF912B 50%,#EF3E2B 100%)}.profile-pic{width:120px;height:120px;border-radius:50%}.profile-pic_likes{width:40px;height:40px;margin-left:-10px;border-radius:50%}#root{padding-bottom:30px}