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}*{margin:10 0 0;background-color:#202020}.App__homePage{display:flex}.songs{left:225px;top:200px;flex-direction:column;max-width:1350px;position:absolute;right:10px}.songRow,.songs{display:flex;justify-content:space-evenly}.songRow{z-index:0}.leftBar{color:#a0a0a0;border-right:solid;border-color:#000;border-width:1px;padding-right:50px;height:100vh;background-color:#000;padding-left:50px;position:fixed;z-index:1;width:6vw}.leftBar__mainNav>h5{margin-bottom:15px;font-weight:700;background-color:#000}.leftBar__mainNav>h5:hover{color:#fff;font-weight:700}.leftBar__mainNav{margin-bottom:10px}.leftBar__library,.leftBar__library>p,.leftBar__mainNav{background-color:#000}.leftBar__library>p{font-size:15px;color:grey;margin-bottom:20px;margin-top:10px}.leftBar__library>h5{margin-bottom:15px;font-weight:600;background-color:#000}.leftBar__library>h5:hover{color:#fff;font-weight:600}.leftBar__playlists{background-color:#000}.leftBar__playlists>p{font-size:15px;color:grey;margin-top:10px;margin-bottom:20px;background-color:#000}.leftBar__playlists>h5{margin-bottom:15px;font-weight:500;background-color:#000}.leftBar__playlists>h5:hover{color:#fff;font-weight:500}.mainContent__search{width:0;height:0}.mainContent__songRow{position:absolute;left:250px;top:200px}.song{margin-right:75px;margin-bottom:55px;padding:15px 15px 3px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);max-width:30vw;min-height:40vh}.song,.song__image{background-color:#404040}.song__image{width:200px;height:200px}.song__image>img{max-width:20vw;max-height:20vh;object-fit:contain;background-color:#404040;position:absolute;left:70px;object-position:center}.song>h3{background-color:#000}.song>h3,.song>h6{color:#fff;background-color:#404040}.song>h6{margin-top:0;margin-bottom:0;font-size:20px}.song>audio{max-width:50vw;background-color:#404040}.navbar{color:#fff;margin-left:20px;display:flex}.navbar>h1{position:fixed;left:290px;top:70px;z-index:1;color:#fff}.navbar__search{background:#fff;border-radius:30px;margin-bottom:50px;width:8vw;height:50px;position:fixed;margin-left:200px;z-index:1;display:flex;margin-top:10px;font-size:15px;padding-left:10px}.navbar__top{display:flex;position:relative}.navbar__topRight{display:flex;margin-top:10px;position:fixed;right:25vw;z-index:1}.navbar__topRight>button{background-color:#000;color:#fff;padding:10px;width:200px;height:50px;border-color:#fff;border-width:1px;border-radius:40px;margin-right:30px;max-width:10vw}.navbar__userInfo{display:flex;background-color:#000;padding-top:8px;padding-right:12px;padding-bottom:3px;margin-top:-5px;height:48px;border-radius:100px;margin-right:-50px;min-width:8vw}.navbar__userInfo>img{width:40px;height:40px;border-radius:50px}.navbar__userInfo>p{border:none;color:#fff;margin-top:10px;margin-left:10px;background-color:#000;font-weight:800;max-width:10vw}.friendSection{position:absolute;right:0;border-left:solid;border-color:#333;border-width:1px;height:100vh;padding-left:30px;max-width:260px;background-color:#333;position:fixed;width:15vw}.friendSection>h5{color:#fff;background-color:#333}.friendSection__info>p{color:grey;background-color:#333}.friendSection__facebook{background-color:#333}.friendSection__facebook>button{background-color:#3b5998;font-weight:700;color:#fff;padding:14px;border:none;border-radius:20px;font-size:13px;width:13vw}.login{min-height:60vh;position:absolute;top:20%;left:32%;border:solid;border-color:#000;padding-left:150px;padding-right:150px;padding-bottom:90px;background-color:#000;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.login__image>img{width:210px;object-fit:contain;padding-left:15px;padding-right:15px;background-color:#000}.login__text{margin-top:-5px;padding-top:15px;color:#fff;font-weight:700;font-size:25px;background-color:#000;padding-bottom:15px}.register__button{background-color:#1db954;border:none;margin-top:10px;width:275px;position:absolute;margin-left:-25px;border-radius:20px;color:#000;text-align:center;position:fixed;font-family:"Proxima Nova";padding:10px 115px}.login__button:hover,.register__button:hover{background-color:#30a25a}.login__button:hover{color:#fff}.login__input{background-color:#000}.login__input>input{width:212px;margin-bottom:10px;color:#fff;padding-left:10px;padding-top:10px;padding-bottom:10px}.login__button,.login__input>input{border:none;font-family:"Proxima Nova"}.login__button{background-color:#fff;margin-top:65px;position:absolute;margin-left:-25px;border-radius:20px;color:#000;text-align:center;position:fixed;padding:10px 115px;margin-bottom:20px}
/*# sourceMappingURL=main.6fd93f31.chunk.css.map */