body{margin:0;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}*,:focus,:hover{outline:none}h3{padding:0;margin:0}body{background-color:#282c34;font-family:"helvetica neue"}.player-shadow{width:400px;border-radius:10px;height:208px;margin:10px;background-color:#a6d9ff}.player-bg{height:200px;background-color:#fff;text-align:left}.player-bg,.player-main{width:inherit;border-radius:10px}.player-main{height:120px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background-color:#408dd3}.player-text{height:inherit;font-weight:700;padding-left:20px;font-size:12px}.player-text h3{width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-tags *{all:unset}.title-author{margin-top:10px}.audio-tags h3{background:linear-gradient(to bottom right,#cf30f7,#f7305b);padding:3px;border-radius:4px;color:#fff;font-weight:400;margin-right:4px}.audio-tags{margin-top:10px;margin-bottom:10px}.genre p{all:unset;color:#fff;font-size:14px}.genre{width:220px;-webkit-justify-content:space-between;justify-content:space-between}.genre,.player{display:-webkit-flex;display:flex}.player{width:inherit;height:80px;border-radius:10px;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}#waveform{width:220px}.controls,.controls button{all:unset;margin:10px;cursor:pointer}.download-btn{background-color:#296c96;border-radius:10px;padding:10px;margin:20px}.fas{color:#fff}.player-bg h3.grey-text{color:#5e5e5e}.player-info{height:80px;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.audio-page,.player-info{display:-webkit-flex;display:flex}.audio-page{max-width:1000px;width:100%;margin:auto;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}.fa-heart{font-size:24px}.heart-black{color:#4b4b4b}.heart-red{color:#f7305b}.search-module{width:-webkit-max-content;width:max-content;margin:auto;height:25px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;cursor:pointer}.search-module *{margin:5px}.search-bar{padding-left:10px;border:none;width:200px;height:inherit;border-radius:5px}.genre-select select{height:27px;margin:0;padding:0;border:none;border-left:1px solid grey;border-radius:5px}.submit-btn{width:100px;outline:0;border:0;border-radius:5px;height:27px;color:#fff;cursor:pointer}nav{color:#fff;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;height:60px}nav a,nav a img{height:inherit}nav h1{all:unset;font-size:40px}.nav-btns{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.nav-btns *{margin-right:15px}.signup-form,.upload-form{color:#fff;height:600px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;max-width:500px;width:100%;margin:auto}.purple-btn{color:#fff;background:linear-gradient(to bottom right,#0f9cee,#ff00f2);transition:all .1s ease-in-out;cursor:pointer}.shadow{box-shadow:0 5px 15px rgba(31,1,29,.829)}.signup-form input,.upload-form input,.upload-form select{border:none;border-radius:5px;background-color:#fff;margin:10px 0;padding:10px}.upload-form option{padding:10px;margin:10px}label button,label input[type=file]{display:none}.custom-file-upload{background-color:#408dd3;text-align:center;overflow:hidden;text-overflow:ellipsis;border-radius:5px;display:inline-block;padding:6px 12px;cursor:pointer;margin-bottom:10px}.progress-bar{position:relative;height:5px;width:inherit;border-radius:50px;background-color:#111722}.filler{background:#408dd3;height:100%;border-radius:inherit;transition:width .2s ease-in}.nav-btns *{text-decoration:none;color:#fff;border:none;padding:5px;border-radius:5px}.center-text{text-align:center}.two-column-form{width:inherit;display:-webkit-flex;display:flex;margin:10px 0}.two-column-form input{-webkit-flex-grow:1;flex-grow:1;margin:0 10px 0 0}.two-column-form select{-webkit-flex-grow:4;flex-grow:4;margin:0}.sign-in-btn{background-color:#f7307c;cursor:pointer}.header{height:300px;width:100%;position:relative;overflow:hidden}.header img{height:100%;width:100%;object-fit:cover;display:block}.profile-text *{width:-webkit-max-content;width:max-content;background-color:rgba(0,0,0,.8);padding:10px;border-radius:5px}.profile-text p{max-width:400px;text-align:center;white-space:pre-line}.profile-elements{height:inherit;width:inherit;position:absolute;color:#fff;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.heart-btn,.profile-elements{display:-webkit-flex;display:flex}.heart-btn{background:none;border:none;cursor:pointer}.heart-btn p{margin:0;padding:0 5px;font-size:20px}.image-container{height:100px;width:100px;-webkit-clip-path:circle();clip-path:circle();margin:10px;position:relative}.image-container img{object-fit:cover}.overlay{position:absolute;top:-5px;left:-5px;height:110%;width:110%;opacity:0;color:#fff;transition:.2s ease;background-color:#252525;cursor:pointer;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;text-align:center}.image-container:hover .overlay{opacity:.8}.cover-overlay{position:absolute;top:0;right:0;color:#fff;display:-webkit-flex;display:flex}.cover-overlay label{margin:5px;background-color:#252525;opacity:.8;padding:10px;transition:.2s ease;cursor:pointer;border-radius:5px}.cover-container{height:inherit;width:inherit}.cover-overlay label:hover{opacity:1}.edit-profile-container{width:100%;height:100%;position:fixed;-webkit-align-items:center;align-items:center;z-index:4;-webkit-animation:zoomIn .2s ease-out 0s 1;animation:zoomIn .2s ease-out 0s 1}.edit-profile-container,.edit-profile-form{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.edit-profile-form{position:relative;width:350px;-webkit-flex-direction:column;flex-direction:column;text-align:center;padding:30px;background-color:#fff;border-radius:10px;box-shadow:0 20px 30px rgba(0,0,0,.8)}.edit-profile-form label{text-align:left;margin:5px}.edit-profile-form input,.edit-profile-form textarea{text-align:center;background-color:#111722;border:none;border-radius:5px;color:#fff;padding:10px;resize:vertical;font-family:helvetica neue}.edit-profile-form button{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer}.fa-times-circle{color:#111722}@-webkit-keyframes zoomIn{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoomIn{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}
/*# sourceMappingURL=main.0680b94d.chunk.css.map */