body::-webkit-scrollbar{display:none}*,body{margin:0}body{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}.login{display:grid;place-items:center;height:100vh;background-color:#000}.login>img{height:300px;cursor:pointer}.login>a{padding:20px;border-radius:99px;background-color:#1db954;font-weight:600;color:#fff;text-decoration:none;margin-bottom:200px;margin-left:60px}.login>p{color:#fff;font-size:16px;margin-left:50px}.login>p span{font-size:18px;color:red;height:20px}.player{display:flex;flex-direction:column}.player__body{display:flex;flex-grow:1}.sidebar{display:flex;flex-direction:column;height:100vh;flex:0.2 1;color:#fff;padding-right:10px;padding-left:10px;min-width:230px;background-color:#040404}.sidebar__logo{height:70px;padding:10px;margin-right:auto;object-fit:contain;cursor:pointer}.sidebar__title{margin-left:10px;padding:5px;font-size:12px}.sidebarOption{display:flex;align-items:center;color:grey;height:40px;cursor:pointer;transition:color .2s ease-in}.sidebar>hr{border:1px solid #282828;width:90%;margin:10px auto}.sidebarOption:hover{color:#fff}.sidebarOption__icon{padding-left:10px;padding-right:10px}.sidebarOption>p{margin-top:10px;margin-left:20px;font-size:14px}.body{flex:0.8 1;background:linear-gradient(#5b5773,#000);height:100vh;color:#fff;padding:30px;width:100%;overflow-y:overlay;background-color:#5b5773}.body::-webkit-scrollbar{display:none}.body__info{display:flex;align-items:flex-end;padding:10px}.body__info>img{height:15vw;margin:0 20px;box-shadow:0 4px 60px rgba(0,0,0,.5)}.body__infoText{flex:1 1}.body__infoText>h2{font-size:90px;font-weight:700;margin-bottom:10px}.body__infoText>p{font-size:14px}.body__background{position:absolute;top:13vh;right:0;opacity:.4;height:80%;width:80%;background-color:#000}.body__songs{margin:20px -30px;z-index:1}.body__songs>hr{border:1px solid #636363;width:96%;margin:10px auto}.body__icons{display:flex;align-items:center}.body__icons>.MuiSvgIcon-root{margin-right:20px}.body__shuffle{font-size:85px!important;margin-left:50px;margin-top:10px;margin-bottom:20px}.body__shuffle:hover{transition:-webkit-transform .1s ease-in;transition:transform .1s ease-in;transition:transform .1s ease-in,-webkit-transform .1s ease-in;-webkit-transform:scale(1.08);transform:scale(1.08);color:#1db954}.body__icon{color:#1db954}.header{display:flex;justify-content:space-between;margin-bottom:30px}.header__left{flex:0.5 1;min-width:70px;background-color:#fff;color:grey;padding:10px;border-radius:30px;display:flex;align-items:center}.header__left>input{outline:none;border:none;width:100%}.header__left>input:focus,select:focus,textarea:focus{outline:none}.header__right{display:flex;align-items:center}.header__right>h4{margin-right:10px;margin-left:3px}.header__avatar{margin-right:5px;cursor:pointer}.songRow{margin-left:20px;padding:20px;display:flex;align-items:center;z-index:100;color:#fff}.songRow:hover{cursor:pointer;background-color:#000;opacity:.8}.songRow__info{margin-left:20px}.songRow__info>h1{font-size:16px}.songRow__info>p{font-size:14px;margin-top:3px;color:grey}.songRow__album{height:40px;width:40px}.footer{display:flex;justify-content:space-between;position:fixed;bottom:0;height:65px;width:97%;background-color:#282828;padding:20px}.footer__left{flex:0.3 1;display:flex;align-items:center;color:#fff;width:300px}.footer__albumlogo{height:60px;width:60px;margin-right:20px;object-fit:contain}.footer__green{color:#1ed15e}.footer__songInfo>h4{margin-bottom:5px}.footer__songInfo>p{font-size:12px}.footer__center{flex:0.4 1;padding:0 100px;color:#fff;display:flex;align-items:center;justify-content:space-between;max-width:300px}.footer__green:hover,.footer__icon:hover{transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;-webkit-transform:scale(1.2)!important;transform:scale(1.2)!important}.footer__right{flex:0.3 1;display:flex;color:#fff;justify-content:space-between;align-items:center}.footer__right * .MuiSlider-root{color:#1ed15e}
/*# sourceMappingURL=main.f138bd64.chunk.css.map */