body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#181818;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{text-decoration:none}a,a:hover{color:#fff}#main{margin-left:11rem;padding:4.5rem .5rem .5rem;text-align:center}#auth{background-color:#fff;color:#000;height:100vh;width:100%}.topnavbar{background-color:rgba(1,1,1,.5);height:4rem;padding-right:50px;position:fixed;width:100vw;z-index:3}.sidebar{background-color:#000;flex-direction:column;height:100vh;justify-content:start;overflow:auto;position:fixed;width:11rem;z-index:4}.nav-item{padding:5px 0}.nav-link{color:#fff}.sidebar .nav-link:hover{color:#ded1d1}.sidebar .nav{display:inline}.sidebar h4{font-size:1.5rem}.card{background-color:#191919;box-shadow:1px 1px 5px #000;transition:.3s ease-in-out;width:11rem}.card img{height:10rem;object-fit:cover}.card .play{-webkit-animation:show .4s;animation:show .4s;background-color:#1ed760;border:none;border-radius:50px;display:none;padding:10px 15px;position:absolute;right:1rem;top:7.6rem;z-index:2}.card:hover{background-color:#272525;cursor:pointer;display:block}.card:hover .play{cursor:default;display:block}.card:hover .play:hover{background-color:#2ee46e;-webkit-transform:scale(1.05);transform:scale(1.05)}@-webkit-keyframes show{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes show{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}#auth .box{margin:auto;text-align:left;width:50vw}#auth a{color:#daa520;text-decoration:underline}#auth button{background-color:#1ed760;border:none;border-radius:30px;font-weight:700;padding:15px 30px}#auth .abtn{border:1px solid gray;border-radius:30px;color:grey;font-weight:500;padding:13px 30px;text-decoration:none}#auth .abtn:hover{border:1px solid #000}#auth button:hover{-webkit-transform:scale(1.04);transform:scale(1.04)}#auth input{border-radius:4px;padding:10px;width:100%}#auth hr{color:#545456}.search input{border:none;border-radius:20px;padding:10px 15px;width:30rem}.player{align-items:center;background-color:rgba(0,0,0,.8);bottom:0;display:flex;position:fixed;width:100%;z-index:111}.song_details{flex-grow:1}.skip_btn{background-color:initial;border:none;color:#fff;padding:10px}.play_btn{background-color:red;border:2px solid #fff;border-radius:50px;color:#fff;padding:10px 16px}.song_details{align-items:center;display:flex}.song_details img{height:5rem;object-fit:cover;width:5rem}.timestamp{align-items:center;display:flex;flex-wrap:nowrap;justify-content:center}.timestamp .range{cursor:pointer;width:50vw}.control{align-items:center;display:flex;flex-wrap:nowrap;justify-content:center;margin-right:10px}@media screen and (max-width:800px){#auth .box{width:65vw}}@media screen and (max-width:600px){#auth .box{width:80vw}}
/*# sourceMappingURL=main.91e21218.css.map*/