*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{--green:#0eb048;--white:#f1f1f1;--lightWhite:#d1d1d1;--black:#161616;font-family:"Raleway",sans-serif;background-color:var(--black)}.App{padding:20px;height:100vh}a{text-decoration:none}@media screen and (max-width:768px){.App{padding-top:10px}}@media screen and (max-height:700px){.App{padding-bottom:50px}}.login{min-width:100%;min-height:100%;-webkit-justify-content:center;justify-content:center}.login,.login-card{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.login-card{-webkit-flex-direction:column;flex-direction:column;color:var(--white)}.login-card h1{font-size:120px;margin-bottom:20px}.login-card p{font-size:30px}.login-button a{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:var(--green);padding:20px 40px;margin-top:20px;border-radius:50px;font-size:28px;color:#f1f1f1;font-weight:600}.dashboard,.login-button a{display:-webkit-flex;display:flex}.dashboard{-webkit-flex-direction:column;flex-direction:column;height:100%}.dashboard-form{display:-webkit-flex;display:flex}.dashboard-input{width:300px;font-size:24px;padding:10px;background-color:var(--black);color:var(--white);border:none;outline:none}.dashboard-songlist{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-content:flex-start;align-content:flex-start;-webkit-flex-grow:1;flex-grow:1;overflow-y:auto;color:var(--lightWhite);height:100%}.dashboard-songlist::-webkit-scrollbar{display:none}.dashboard-browsing-text{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:76px}.dashboard-section{display:-webkit-flex;display:flex;height:90%}.lyrics{white-space:pre;text-align:center;font-size:18px;margin:20px 0;height:100%}.lyrics::-webkit-scrollbar{display:none}@media screen and (max-width:768px){dashboard-input{margin:0}.dashboard-songlist{-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-content:flex-start;align-content:flex-start}.dashboard-browsing-text{display:-webkit-flex;display:flex;margin-top:40%;font-size:32px;text-align:center}.playlist-button{margin-bottom:10px;width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:var(--green);padding:7px 15px;border-radius:50px;border:none;font-size:16px;color:#f1f1f1;font-weight:600}.dashboard-section{-webkit-flex-direction:column;flex-direction:column}}.track{-webkit-justify-content:space-between;justify-content:space-between;margin:5px 0;cursor:pointer;background:var(--black)}.track,.track-info{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.track-info{width:100%}.track-cover{width:64px;height:64px}.track-description{margin-left:10px;font-weight:600}.track-artist{color:#818181}.track-playlist-button{all:unset}.track-playlist-button i img{width:30px;height:30px;margin-right:10px}.playlist{color:var(--white);width:300px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;border-right:1px solid var(--white)}.playlist-tracks{overflow:scroll}.playlist-tracks::-webkit-scrollbar{display:none}.playlist span{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:28px}.playlist hr{margin:20px 0;height:.1px}.like{cursor:pointer}@media screen and (max-width:768px){.playlist{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100%;height:100%;border-right:none;overflow:hidden}.playlist-tracks{height:100%;overflow:auto}}@media screen and (max-width:700px){.playlist{max-height:73vh}}
/*# sourceMappingURL=main.2d63827a.chunk.css.map */