body,html{font-family:Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif}body{background-color:#121212;color:#fff}textarea{resize:none}.rhap_container{background:#121212}.rhap_controls-section{margin-bottom:5px}.rhap_progress-section{height:10px;padding-bottom:5px}.rhap_main-controls-button{display:block;height:40px!important;height:20px;width:40px!important;width:10px}.rhap_main-controls-button svg{color:#ff652d;height:100%;width:100%}.rhap_progress-filled,.rhap_progress-indicator{background-color:#ff652d!important}.rhap_button-clear.rhap_volume-button{color:#ff652d!important}#input-container{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:space-around;width:300px}#login-logo{position:relative}#login-logo img{background-repeat:no-repeat;height:60px;width:310px}#pass,#user{display:flex;width:250px}#submit-btn{align-items:center;background-color:#ff652d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:23px;justify-content:center;padding:20px 30px}#sign-in-btns{align-items:space-between;display:flex;justify-content:space-between;width:260px}#login-container{display:flex;justify-content:center}#login-errors{color:red}.sign-in-btn{background-color:initial;border:1px solid #d7d7d7;border-radius:4px;color:#c6c6c6;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:14px;padding:7px;transition:.4s}.sign-in-btn:hover{background-color:#383838;color:#fff}.login-input{background-color:#2e2e2e;border-radius:4px;color:#fff;padding:5px}#confirm-password,#email,#first-name,#last-name,#password,#username{display:flex;width:250px}#bigbox{align-content:space-between;align-items:center;display:flex;flex-direction:column;height:450px;justify-content:space-around;width:300px}#signup-submit-btn{background-color:#ff652d;border:1px solid #ff652d;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}#errors-ul{color:red;font-size:14px;list-style:none}#modal{align-items:center;-webkit-animation:slide;animation:slide;-webkit-animation-duration:.75s;animation-duration:.75s;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:-430px;z-index:5}@-webkit-keyframes slide{0%{bottom:800px};}@keyframes slide{0%{bottom:800px};}#modal-background{background-color:#121212;bottom:0;left:0;opacity:.8;position:fixed;right:0;top:0}#modal-content{background-color:#121212;border:1px solid silver;border-radius:2px;border-radius:4px;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:150px;opacity:1;padding:60px 50px;position:absolute}#close-modal,#modal-content{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#close-modal{background-color:initial;border:none;bottom:50px;color:#fff;justify-content:flex-end;margin-right:5px;position:relative;right:50px}#close-modal:hover{cursor:pointer}#top-modal{align-items:flex-end;display:flex;justify-content:flex-end}#nav-container{background-color:#1e1e1e;height:60px;left:0;position:fixed;top:0;width:100%;z-index:10}#nav-container,.container{display:flex;justify-content:space-between}.container{margin-left:10px;position:relative;width:800px}#logos{display:flex;height:45px;margin-left:10px;margin-right:5px;margin-top:5px}#nav-home{display:flex;font-size:15px}.nav-ele:hover{color:#fff}.nav-ele{background-color:#1e1e1e;border:none;color:#999;display:flex;font-size:15px;height:98%;justify-content:center;position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nav-ele,.nav-link{align-items:center;cursor:pointer}.nav-link{align-content:center}.active{background-color:#000;color:#fff}.nav-ele:focus{background-color:rgba(0,0,0,.966);color:#fff}.something{display:flex}.profile-dropdown li{display:flex;list-style-type:none;text-align:right}test{color:#d7d7d7}#logout-btn{border:none;color:#777;cursor:pointer}#logout-btn:hover{color:#f50;cursor:pointer}.profile-dropdown{align-items:flex-end;background-color:#fff;border:1px solid #1e1e1e;border-radius:5px;box-sizing:border-box;color:#1e1e1e;display:flex;flex-direction:column;justify-content:flex-end;left:360px;margin-left:300px;margin-top:0;padding:7px;position:absolute;top:60px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#prfile-btn{background-color:#1e1e1e;border:none;color:#fff;margin-right:25px}.github-btn{background-color:initial;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAADL0lEQVR4nO1YSWgUQRRtDW54ykFBCW4Ht+BND3rVBIwnD7kJIngSbyHRgDIKGonrVbwpGJIWEbeBSdV7NZPRiBIQ3ECCgqh4l8SFxIz8oUMmQ9dkMl09BuwHBbNUv/9f/V+/fpfnJUiQIEGChQQA60ke0FofJ3lChnwG0KaUWuctRABoBnAFwEeShTnGB5KXstnstn/tt2eM2UryPoCpKhyfNeQZAPcAbKm746lUajGAUyR/z9fxkPELQLdw1sX5TCazkmTagePlEXko3PVw/qlr5zkj4klsIiTEcaw8QyIRSzoFOV9qaMIYs9MYs4/kLfk+Dydl7k2Se5VSu0hOlv3fHUe1mbVhAbwuE9gsEQJgSPYYY44CaJchn0leAJCVOVrr7aXPknxbvrGVUpudCZBSGbKKzxzyPw+J1F2Xh1RYnX/vxIBXtDEawv/HyWEH4LKtfvu+3xCV3/f9BuGy7JVeFwJC2wMA5z1HINljsTEaiViaLwvxz3w+3+hKQD6fbxTOMFvGmKaaiaWrtKTPA88xADwKs6W13l8zadAShwm46tR7r7hY1yy2jtVMKgeKhbQrBgFdlnSt/VAD0GkhPePUe69o66zFVmcU0iOWCNx26r1XtNVvsXU4CmmbhfSry4bL9/0GAN+cb+JMJrPa9raltT7oSgCAdkv6TA0NDa2KSv7OQv55cHBwbVTnjTFNElFLpN9E5RcBvRZyEfEyl8ttrJVbKbUJwCsbv3SwkQWIg9P9uqw6gNbgumQs+O27vCvkcrk11XJK5ACclmcrOD8pVzSeC0hrGzg7AeBkoVBYpLVukY6xNF8l5CRTNh4pvzKnyluMAc8VgiiMl/QnhwJhHSGbu6WCgNYqHC9IdJ2tvuVQ+zL98h30S49JvgBwPZ1OL7NxDA8Pr6hy9Ts815C0kbCWGLlYC4+t6+TM6BNbXhwwxiwnmSsxdiObze7wfX/pyMjIkmrKaiUBAEylCDpBkAb9lqvCHxEE9MkCefWAhDjYE+NlImoRMCY5H1vaVIIxZgOAOyX3Op/mekbmTNd5kgML4spdSh6Ac0qp3VXM3SNznZfJBAkSJEjwX+IvSNO5rh0qncsAAAAASUVORK5CYII=);background-repeat:no-repeat;background-size:cover;border:none;cursor:pointer;height:50px;margin-left:5px;margin-top:5px;transition:.4s;width:50px}.github-btn:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAACpklEQVR4nO2ZO2gUURSGR4OPYJVCwRCMsfAV7LTQViOolUU6QQQrsQsbDShGUEN8tmKnYHCRID7bKCiijaBRkKAQVOxlfeHjk7OelXG4d3Yy90xccD5Y2Me9/3/Ofd/ZKCopKSkpaSWAbmAHsB84oC95vx1YFrUiQC9wBnhNc14Bp4A1rRD4auA68JOZI3WuAav+ReBzgUPAV8L5AgyJ5mwFvwi4gz03RXs2gn9AcdwvLAkdNkW0vKsn7IeTjvk434D1wBbgkn7OipS9CGwGNgDfE78PFbHaJCfsM8dSKj00AZwA9gL9+pL3I8BdLbM2Ufe5Y2KvtExAlsokDw31Hzn0x63Eez3r/EsTg6juMeXQ/2Gy2QGnPeNYurnNQL9NtVyMWiTgOx4cDxZXdM64mIpCkMOXR/gz0BEk/rdPh2q66AoRllOlixtWwTcAbnm8tkV50WOwi7O5Rf1e5zxe+0JE5ZDlYtA0+qjuNejxyr+pARWP6LBp9FHd66jHqxIiuscjetk0+qjudcXjtTtEVK6BLt5ZHrj4vRe8L2ISL0m5be00TKDf4yHei0PFX3jE3wCdBsF3aY+6mIwMDEbx8wToCdBeATxN0R+xSKAndl6XVt+qj0pq+t0HvSssnYFmJ3BY6/oQz+7gBNRwPHYROQjMAfr0xBgfr5PAkRSdYS2T5SlG1ST4WC98jInv0u8HHMZ9KTrSe1mombW+Z1N727h863npNvAYOA8sSNFoz9j6A6bBq7kMm2rM5GROHd+ps8GYeJknoOYLgXt/rOACsA6YD8zLsqw2SWAirQetkmj3bPsyND4FJDAmDVRo8InhVElMbHImUNPFoJhh0ySY5cDV2D4xnaHOtJaVOtWWeOSu/wkcAzZmKLtJy9oukyUlJSUl/yW/AMO3bVY9GMmlAAAAAElFTkSuQmCC)}.linkedin-btn{background-color:initial;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABn0lEQVR4nO2ZvUrEUBCFryh2/oC2goW+ge+goKKlKNhZ+go2suCDWOUB0iTnTKL7HnaKPyyoW9lcubrVkt2buOBOljlwusm98zH3J5k4ZzKZ/iSSRwAKkn2SfsruA5A8zw8bQQC4UZC8rzKATu1KTDtZRiwiB3WqUWhIluPNOiCfChL1keX1UWdp+TbYGQhnqCIAnkTkJMuytWCSZwBeWgdCclfLce0mAUnTdHk4PsuyldaB5BWvCOFyah0IgFcA5yKyHhz2CMnn1oFQkZ2BcIYq4mo8E4sBcB/uorIsN5IkWex2u0siskPyiuSbepBwcYrI3ri5RWSVZKoaRES2opO7n7gFkndqQZpIRDYBfKkHSZJkPhYD4FYtCIBLAI+DTf8A4GJM7KlKEBE5bvL9XRTFtkoQkmXVmKFHUBWfRV5GpwYCoDcCpFcV772fUwky6bg0EFpFKmVLi7ZHaKcW7fitFu0ecdZF8f9tNws/eki+1wERBYn6iBEFCf1dBYn6iPejIIOqdBQk60f42jXRoMtODXsGvzmgdiVMJpMb1jccQl+Sy+CmpAAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-size:cover;border:none;cursor:pointer;height:40px;margin-top:10px;transition:.4s;width:40px}.linkedin-btn:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABS0lEQVR4nO2ZO0oEQRRFnyhmOoKmgoHuwD0oOI2GomBm6BZMZMCFuAYzx1EXYqb4YUB7IpMjJR01U3a1HXhreAcqu13F4dXr6o+Z4zh/AtgHRsCE/2cC3AJFW4lLdBm0qYQ6/RSRsJ3UGaaIlOjzmSKSBeYiM1aRZ+AQWK3GMfBKhiI7Krdr6yiyPCXfI0ORYkq+T4Yib8AJsFaN0CMvZCgig7nILFXEEq5JyDxUZ9E6sAgsAdvAOfCeg0g4OHcb1l4BrtVFNhsXt5/cAnAvK9IGYAP4khcB5hMyV7IiwBnwVEUfgdNfskeSIsBBm/dvYEtV5C4y7SiS76mKjCPTjiP5OVWRTvPWcZGAV8R8a0XxHgl4j5j3SBTvETWsyyNKbiIl+nykiIS/p+rcpIgU6LPXKFLJDNDlIkmi9pV9KNIzZdhOyZVwHMfqfANKiIQn/4RZwwAAAABJRU5ErkJggg==)}.wellfound-btn{background-color:initial;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEeUlEQVR4nO1ZSagcVRQtZ0UUnBVxXgm6ckSUuFIEkYBG1ETRiG5igiLihLZZOMWoAcGFuBB0IY1ivkP723rn3O7fP61IE00WoigiGgfExJGYqP+3HHgViqKquqvtrjLQF96iq+q9vue+++49974gmMpU/t9Sq9X2DfZm6fV6BwB4lWQfQCcMw5ODvVGcc3cKRDQAfFSv1w8cZS2St2o+yUaz2Tw2KFMAbI4D8aM2wjrrEwbZGJQl3W73EJILKUB2mdmpw65D8nIAi4k1FhqNxuFBGWJmx6eAiCz68jBrdDqdI0h+m7HGGWUBORjAzgwwC2EYnj5oDQBPZBnDzI4OyhKSyFKE5FN5c6UogN8y5n4VlCkkH8wBsr3RaByUM/fxHNd8rVQgZnZhDhCNq9Pm6SCT/CVn3u2lZ3SS23IsmxpGAazOMwCAU0oF4pXakKPU7tnZ2SNT5mzNmdMrHYRX6qIB1l0Z/57kBQPc8e5KgPT7/X0UZXKAvJsA8lwOiAXn3IlBVZKkGAkgf0XuVa/X9yP5Qw4QBlVKGIbnDeNeoiMDvrutUiBeyS8GuReAl/J2LgzDo6rGISUf8grtBPA0yeXaCQD3kVxnZvsDeBvA54pmKUDeqkx58S25lZiwfivimNl1w+Sfdrt9knPuEgA3AXjEzC4NqhAAy0j+5C36qXPuuLiiAF4B8CPJfwB8R/JjFU1yL5FF59wdOjPtdvu0ykplANcnawgALlJImXlArki61c8kZ0iuKbU6zGK9Kn31XmQxh9kOGrsAPKr8NHEgAF7MUOKPiCeRXDUikH5podjMzlK4zFBgT/Txh/kNARwBSBiUIQDWZilhZlfGv5WbtNvtE5xz55vZUgUKPxSx7gLwTco620oB4s/B5gxrbo0OvmqWNAYcF593+skAMBHFvQW/J9k1s4v1TA05/yxtZ5brGwUAH+FUtzwWHWJPNtVB2agQzZTzNnYQcon4mfCK3RvRcgB/pijyYQTWz1kv0ujXu4LklgFn5PexAyH5esafPan33u//TrxbVMaXW5F8JpYoN6T0sdLGZ2MHkuM+e3KHma1IuMg7et5sNg8Vz/IGeaFA5GpOAsiOmKXfT/yhKMhl/rtr1XAT252bmzsm2dstGIKfnygQUQiS7YQbfRkRx7hEZ0L0vGimN7Nrxg5EkSqm9DIRxGR5KwYbXTVoNzyFv8Ub4p6Cu7F7Ir1fHdaYwh2FTjWq490QAPPxKOWfXeXnzxQEMjN2EF6RJYk/ekDPfbF0g4qnqNfru/SRe6zw898bFgSARTM7dyJAtAMAPkjkkVpaHeHrlOi7tR7IswV2481gkkLynJTE15PiakhrJ1Qdkvw19n7TME2H2NheyvWdmd1cxNe1c8riuo7LyP5Jl1oalCXiSwUPrij8Ol8FZoIAsLo0EDEwqzKIXuEhDgfgxqAqUTbPqCOKjE2tVuvsoGqZn58/DMD9eVcLGaOrXSilLh/hnmSJv4UigK/9/aIaCTsAfCISSfLhVqt1ZqHFpzKVqQT/Vf4FXATi4C2m28YAAAAASUVORK5CYII=);background-repeat:no-repeat;background-size:cover;border:none;cursor:pointer;height:40px;margin-top:10px;transition:.4s;width:40px}.wellfound-btn:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAADxklEQVR4nO2ZWWwNURjHr6LViCaqCxFVPEl4QomQeiISkSZUSkssqRcqlUZssfTBviYSD+KhCQ8eiNbWWBOxRhrbgxAiQi0R1NLQWu5Pjn4T45g5c6ftzJDc/9O9Z875zv9/5pxvOROLJZHEvw0gJfY/A+gOHKINl4C82P8IoJI/cQtIbaetBTL+FJDT+WzNk9/kb6xrh53tmo3aYBg7T54O/HAQ0gLk+7AzCYhrNpTdjGAV/CbQF3ccSNBGb+C5i40hwatoI9ED+OxCQq3o4ARsbDYsRlYoQoTIeQORbR5js4CPLmOfhCZCyKw2CHkLpBnGbjKMPRy2kDGYMc1lXAbw3jBuYdhCUoBGAyFHNwpUeCzAwFCFCKndBkKtQKbDmLuGMQ2hixBSYz1Wd77Wf7RH/6qohHRRXsZArF7rv8fQ9wfQPxIhLimGHV+t7QV0BV4Z+l6ITIQQHJXI9pJ0xITySIUIyUde2wuo8XhzfaLWoUiuEUIqbdkBlKo3AawAtgLdgBPAQ/FmOo5HSb6HbKt0+V8FlCQYfwYA44E5wHpgQiikHcgUA29kNe8DuRrRg8Br4DvwArgtRVONJIuL5cwMiqxUBmY61BDnLEIqMuMPTUAdsCTU6tCQ9VbK8zRDZuuFFmCDik9hCNnvQqLZypOARXQM5WEIGSbuEpP3kcN8VAT6xdnAhQjJagOJKQ5pTD+gACgSR1EsHmsp8MzBRmNYQtJcblGQ7DbFVrNkethScUdHU1DE1Qq+BK4C46QtT9qcUGq7+4pL3bLROsTylpT7rRUXraM5CBEF2plQxJbb0vIvf9GAGzaxSGLZVdomA3cw41MQQo64TLZFnqt9/017Fpe7r0xgpy1Q7naIQU54EIQQt+1jjx1l2hY5Ke09VZ4lv/eROE4HIeSdbYJr2oSK/ETpN0Mu3OqBbIe7XT/YG7SQHOCiNuljK3HUxllnok87Iv30IIQoT2VBea9ch/J2ve1TQ7ak8POkbZlPEa2B3P2qw2qb5JK4znztNuSy5qUUpkqbSgj9oK7TRQiRQm2iVdKuiqVZUjz9uusVT2WhTNrO+BARB0YGJUS9gevaZOuc6gjZehaqpW2XDyHHAhFhIzjCIfA1CPEseRMlwAfb8ysJXjpYeBvK5ztgLv4Qlyie6hL99b5FgYuwiVH5kh80y+VDk4eIitBE2MQsckn02gOVw80OXYRNzESXOsIPrgDDIxNhAegFrPT4tOAEFWBnh1KX+4FktYXyFeoC8FQu6lokvbmnkkhgLTDUl/Ekkkgi1lH8BEjLZYhSfk6dAAAAAElFTkSuQmCC)}.logo-external-links-div{display:flex}#allsongs-master-container{align-items:flex;display:flex;flex-direction:column;justify-content:center}#allsongs-header{align-items:flex-start;display:flex;flex-direction:column;height:100px;justify-content:flex-start;margin-left:394px;margin-top:40px;width:800px}#list-container{grid-row-gap:30px;display:grid;grid-template-columns:repeat(6,190px);justify-content:center;justify-items:center;margin-bottom:70px;margin-left:150px;margin-right:150px;padding-bottom:25px}#play-button{background-image:url(https://i.imgur.com/5vs8qrA.png);background-size:cover;border:none;display:none;height:50px;transition:.4s;width:50px}#list-ele:hover #play-button{align-self:center;-webkit-animation:fade-in .5s;animation:fade-in .5s;border-radius:100px;border-style:none;display:flex;margin-top:-140px;position:static;transition:.4s}#play-button:hover{background-image:url(https://i.imgur.com/O0N9ZpT.png);cursor:pointer}#play-button:active{offset-position:bottom 5px}#add-to-playlist-tbn{display:none}#list-ele:hover #add-to-playlist-tbn{align-self:flex-end;-webkit-animation:fade-in .33s;animation:fade-in .33s;border-radius:100px;border-style:none;color:grey;display:flex;justify-self:flex-end;margin-right:10px;margin-top:28px;position:static;transition:.4s;z-index:0}#list-ele #add-to-playlist-tbn:hover{color:#fff}#add-song-list-ele{align-items:center;display:flex;flex-direction:row;height:100px;justify-content:flex-start;list-style-type:none}#kelly-size-img{height:70px;width:70px}#playlistaddsong-title{font-weight:600;width:300px}#apt{color:#ff8922}#list-ele{display:flex;flex-direction:column;list-style-type:none}@media screen and (max-width:1200px){#list-container{grid-row-gap:20px;grid-column-gap:10px;display:grid;grid-template-columns:repeat(6,1fr);justify-content:center;justify-items:center;margin-left:150px;margin-right:150px;padding-bottom:25px;padding-top:100px}}#curr-list-container{grid-row-gap:30px;display:grid;grid-template-columns:repeat(6,190px);justify-content:center;justify-items:center;margin-bottom:200px;margin-left:150px;margin-right:150px;padding-bottom:25px}.your-songs-header{align-items:flex-start;height:100px;justify-content:flex-start;margin-left:394px;margin-top:50px;width:800px}#test,.your-songs-header{display:flex;flex-direction:column}#test{align-items:center;background-color:initial;border:1px solid #cacaca;border-radius:4px;justify-content:center;padding:10px;text-align:center}#placeholder-img{height:250px;object-fit:cover;width:250px}#title-box{font-size:13px;overflow:none;text-overflow:ellipsis;white-space:nowrap;width:150px}#title{background-color:#121212;color:#fff}#welcome-container{background-color:#000;background-color:rgba(0,0,0,.4);color:#fff;flex-direction:column;font-size:x-large;height:750px;line-height:1.7;margin-top:0;position:absolute;top:1%;z-index:3}#welcome-container,.middle-container{align-items:center;display:flex;justify-content:center;width:1265px}.middle-container{flex-direction:row;margin-top:50px;padding-left:60px;padding-right:50px}.bottom-container{background-image:url(https://i.imgur.com/zsL5rFt.png);background-repeat:no-repeat;background-size:cover;height:450px;margin-bottom:100px;margin-top:-330px;width:1265px;z-index:1}.bottom-text{align-items:center;display:flex;flex-direction:column;justify-content:center;line-height:2;padding:50px;text-align:center;z-index:4}#shader{background-color:#000;color:#fff;height:450px;opacity:.8;width:1265px;z-index:3}#whatever{background-image:url(https://i.imgur.com/KP00BNh.jpg);-webkit-filter:blur(2px);filter:blur(2px);height:710px;margin-top:40px;width:1265px;z-index:1}#page-container{align-items:center;display:flex;flex-direction:column;justify-content:space-around}#para{padding-left:100px;padding-right:100px;text-align:center}#list-el{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#play-btn{background-image:url(https://i.imgur.com/5vs8qrA.png);background-size:cover;border:2px solid #df9100;border-radius:100px;height:50px;left:34%;opacity:0;position:absolute;top:30%;width:50px}#list-el:hover #play-btn{opacity:1}#play-btn:hover{background-image:url(https://i.imgur.com/O0N9ZpT.png);border:1px solid red;cursor:pointer}#song-form{align-items:center;background-color:#0c0c0c;display:flex;flex-direction:column;height:900px;padding-left:150px;padding-right:150px;padding-top:100px;width:320px}#container{background-color:#121212;display:flex;justify-content:center}.upload-song-input{background-color:#121212;border:1px solid #4d4d4d;border-radius:4px;padding:5px}#edit-container{margin-top:50px}.song-edit-btn{align-items:center;background-color:coral;border:none;border-radius:4px;color:#fff;display:flex;font-size:16px;justify-content:center;padding:7px}#edit-btn-container{display:flex;justify-content:space-between;width:250px}#edit-song-form{align-items:center;display:flex;flex-direction:column;height:650px;justify-content:center;width:350px}.edit-song-inputs{width:320px}#song-description{margin:10px;padding-left:40px}#comment-input{border:.5px solid grey;border-radius:3px;width:96%}#comment-submit-btn{align-items:center;background-color:#ff652d;border:none;border-radius:4px;color:#fff;font-size:16px;justify-content:center;margin-left:5px;width:5%}#comment-form{display:flex;height:30px;justify-content:center}#comments-container{background-color:#1a1a1a;border:1px solid grey;margin:10px 250px 100px}#comments-submission{background-color:#1a1a1a;border-radius:1px;margin:10px;padding:10px 10px 10px 40px}#comments-display{border:1px solid red;margin:10px}.comment-delete-btn{background-color:#ff652d;border:none;border-radius:4px;color:#fff;margin-left:10px;padding:3px 8px}.comment-error-div{color:#f92a2a;font-size:15px;position:absolute}#song-details-play-button{background-image:url(https://i.imgur.com/5vs8qrA.png);background-size:cover;border:none;border-radius:50%;height:70px;width:70px}#banner-container{background:linear-gradient(175deg,#ad4c5c,#ffc3a0);display:grid;grid-template-areas:"a a b" "c c b";grid-template-columns:auto auto 350px;grid-template-rows:50% 50%;margin:100px 250px 0;padding:50px}#song-details-date{color:#fff}#song-details-title{font-size:35px}#song-details-artist{font-size:20px}.song-details-album-img{height:33px;object-fit:cover;width:33px}.song-details-album-container{align-items:center;display:flex;margin-left:25px}.song-details-album{font-size:15px;margin:3px 0}#song-details-artist,#song-details-title,.song-details-album{background-color:#242424;color:#fff;font-weight:700;padding:5px 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#song-details-artist,#song-details-title{border-radius:2px;margin:3px 15px}#song-details-image{grid-area:b;padding-left:30px}#banner-top{grid-area:a;justify-content:space-between}#banner-top,#banner-top-left{display:flex}#banner-song-details{display:flex;flex-direction:column}#waveform{align-self:flex-end;grid-area:c;justify-self:center}#create-container,#create-form{display:flex;flex-direction:column}#create-form{align-items:center}.submit-btn{color:#f6f6f6;height:23px;padding:10px}#create-playlist-btn,.submit-btn{align-items:center;background-color:#ff7847;border:none;border-radius:5px;display:flex;font-size:16px;justify-content:center}#create-playlist-btn{color:#fff;padding:7px}#card-image{height:154px;width:154px}#playlist-title{font-size:16px;width:154px}#list-ele{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.create-playlist-btn{display:flex;justify-content:center}#curr-playlist-container{grid-row-gap:30px;display:grid;grid-template-columns:repeat(6,190px);justify-content:center;justify-items:center;margin-bottom:200px;padding-bottom:25px}#placeholder-img{height:154px;width:154px}#title{font-size:16px;width:154px}#description{font-size:14px;width:154px}#your-playlist-master-container{padding-top:30px}.playlist-header-box-container{align-items:center;display:flex;font-size:16px;justify-content:space-around;margin-top:15px;padding-left:50px;padding-right:50px;width:100%}#createplaylistbtn{margin-top:-70px}#song-container{display:flex;height:50px;justify-content:flex-start;margin:10px;width:500px}#playlist-details-master-container{align-items:center;display:flex;flex-direction:column;padding-top:100px}#playlist-details-list-ele{list-style:decimal}.playlist-details-spacer{width:25px}.playlist-audio-btn{background-image:url(https://i.imgur.com/5vs8qrA.png);background-size:cover;border:.5px solid #ff652d;border-radius:50%;display:none;font-weight:700;height:40px;opacity:.6;width:40px}.playlist-audio-btn:hover{-webkit-animation:fade-in .5s;animation:fade-in .5s;background-image:url(https://i.imgur.com/O0N9ZpT.png);cursor:pointer;opacity:1}#song-container:hover #playlistdetail{display:flex;margin-right:15px}.album-map-container{grid-row-gap:30px;grid-column-gap:0;display:grid;grid-template-columns:repeat(6,190px);justify-content:center;justify-items:center;margin-bottom:70px;margin-left:150px;margin-right:150px;padding-bottom:25px}.album-card{align-items:center;background-color:initial;border:1px solid #cacaca;border-radius:4px;color:#c0c0cc;display:flex;flex-direction:column;font-size:13px;justify-content:center;padding:10px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.album-card-image{height:150px;width:150px}.albums-header-container{align-items:center;display:flex;justify-content:space-between;margin-left:400px;margin-right:400px;margin-top:50px}.create-album-btn{align-items:center;background-color:#ff652d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding:14px 28px}.navlink-albums{color:#fff;text-decoration:none}.album-details-parent-container{margin:70px 250px}.album-details-preview-img{grid-area:"b";height:350px;object-fit:cover;width:350px}.album-details-banner{background:linear-gradient(175deg,#ad4c5c,#ffc3a0);display:grid;grid-template-areas:"a a b" "c c b";grid-template-columns:auto auto 350px;grid-template-rows:50% 50%;margin:100px 0 0;padding:10px}.album-details-description-container{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.album-details-artist-profile{border:2px solid #fff;border-radius:50%;height:120px;margin-bottom:10px;margin-top:10px}.album-details-album-description{font-size:24px;margin-left:10px}.album-details-description-left{align-items:center;display:flex}.album-details-song-img{height:75px;object-fit:cover;width:75px}.album-details-song-tile{align-items:center;display:flex;font-size:20px;margin:10px 0}.album-edit-btn{background-color:#ff652d;border:1px solid #ff652d;border-radius:4px;bottom:60px;color:#fff;cursor:pointer;font-size:16px;left:20px;padding:10px 30px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.album-details-description-right{bottom:40px;display:flex;position:relative}.album-details-song-title{margin-left:10px}.album-audio-btn{background-image:url(https://i.imgur.com/5vs8qrA.png);background-size:cover;border:.5px solid #ff652d;border-radius:50%;display:none;font-weight:700;height:40px;left:290px;opacity:.6;width:40px}.album-audio-btn:hover{-webkit-animation:fade-in .5s;animation:fade-in .5s;background-image:url(https://i.imgur.com/O0N9ZpT.png);cursor:pointer;opacity:1}@-webkit-keyframes fade-in{0%{opacity:.6}to{opacity:.9}}@keyframes fade-in{0%{opacity:.6}to{opacity:.9}}.album-details-song-tile:hover #album-audio-btn{display:flex;margin-left:18px;position:absolute}.album-details-created-at{margin-right:10px}.album-song-map-container{padding-bottom:100px}.numeration-text{margin-right:20px}.create-album-parent-container{align-items:center;display:flex;justify-content:center;margin-top:150px}.create-album-form-container{align-items:left;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;width:500px}.label-error-container{display:flex;justify-content:space-between}.create-album-error-text{color:#fa2c2c}.album-input{background-color:#2e2e2e;color:#fff;font-size:14px;height:20px;margin-bottom:10px;padding:5px}.album-song-input{border:1px solid #272727;font-size:16px;height:35px;margin-bottom:30px}.album-form-btn{background-color:#ff652d;border:1px solid #ff652d;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.album-form-btns-container{display:flex;justify-content:space-around}.album-form-cancel{background-color:#282828;border:1px solid #2f2f2f;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.rhap_container{background-color:#fff;box-shadow:0 0 3px 0 rgba(0,0,0,.2);box-sizing:border-box;display:flex;flex-direction:column;font-family:inherit;line-height:1;padding:10px 15px;width:100%}.rhap_container:focus:not(:focus-visible){outline:0}.rhap_container svg{vertical-align:initial}.rhap_header{margin-bottom:10px}.rhap_footer{margin-top:5px}.rhap_main{display:flex;flex:1 1 auto;flex-direction:column}.rhap_stacked .rhap_controls-section{margin-top:8px}.rhap_horizontal{flex-direction:row}.rhap_horizontal .rhap_controls-section{margin-left:8px}.rhap_horizontal-reverse{flex-direction:row-reverse}.rhap_horizontal-reverse .rhap_controls-section{margin-right:8px}.rhap_stacked-reverse{flex-direction:column-reverse}.rhap_stacked-reverse .rhap_controls-section{margin-bottom:8px}.rhap_progress-section{align-items:center;display:flex;flex:3 1 auto}.rhap_progress-container{align-items:center;align-self:center;cursor:pointer;display:flex;flex:1 0 auto;height:20px;margin:0 calc(10px + 1%);user-select:none;-webkit-user-select:none}.rhap_progress-container:focus:not(:focus-visible){outline:0}.rhap_time{color:#333;font-size:16px;user-select:none;-webkit-user-select:none}.rhap_progress-bar{background-color:#ddd;border-radius:2px;box-sizing:border-box;height:5px;position:relative;width:100%;z-index:0}.rhap_progress-filled{background-color:#868686;border-radius:2px;height:100%;position:absolute;z-index:2}.rhap_progress-bar-show-download{background-color:hsla(0,0%,87%,.5)}.rhap_download-progress{background-color:#ddd;border-radius:2px;height:100%;position:absolute;z-index:1}.rhap_progress-indicator{background:#868686;border-radius:50px;box-shadow:0 0 5px hsla(0,0%,53%,.5);box-sizing:border-box;height:20px;margin-left:-10px;position:absolute;top:-8px;width:20px;z-index:3}.rhap_controls-section{align-items:center;display:flex;flex:1 1 auto;justify-content:space-between}.rhap_additional-controls{align-items:center;display:flex;flex:1 0 auto}.rhap_repeat-button{color:#868686;font-size:26px;height:26px;margin-right:6px;width:26px}.rhap_main-controls{align-items:center;display:flex;flex:0 1 auto;justify-content:center}.rhap_main-controls-button{color:#868686;font-size:35px;height:35px;margin:0 3px;width:35px}.rhap_play-pause-button{font-size:40px;height:40px;width:40px}.rhap_volume-controls{align-items:center;display:flex;flex:1 0 auto;justify-content:flex-end}.rhap_volume-button{color:#868686;flex:0 0 26px;font-size:26px;height:26px;margin-right:6px;width:26px}.rhap_volume-container{align-items:center;display:flex;flex:0 1 100px;user-select:none;-webkit-user-select:none}.rhap_volume-bar-area{align-items:center;cursor:pointer;display:flex;height:14px;width:100%}.rhap_volume-bar-area:focus:not(:focus-visible){outline:0}.rhap_volume-bar{background:#ddd;border-radius:2px;box-sizing:border-box;height:4px;position:relative;width:100%}.rhap_volume-indicator{background:#868686;border-radius:50px;box-shadow:0 0 3px hsla(0,0%,53%,.5);box-sizing:border-box;cursor:pointer;height:12px;left:0;margin-left:-6px;opacity:.9;position:absolute;top:-4px;width:12px}.rhap_volume-indicator:hover{opacity:.9}.rhap_volume-filled{background-color:#868686;border-radius:2px;height:100%;position:absolute;z-index:2}.rhap_button-clear{background-color:initial;border:none;cursor:pointer;overflow:hidden;padding:0}.rhap_button-clear:hover{opacity:.9;transition-duration:.2s}.rhap_button-clear:active{opacity:.95}.rhap_button-clear:focus:not(:focus-visible){outline:0}#player-container{bottom:0;position:fixed;width:100%;z-index:5}#navigation{position:fixed;width:99%;z-index:10}
/*# sourceMappingURL=main.22cdcccc.css.map*/