@import url(https://fonts.googleapis.com/css2?family=Inter&family=Lato&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#333;font-family:Inter,sans-serif;margin:0;overflow-y:scroll}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.create-post{background-color:#000;padding:15px;position:relative}.create-post,.create-post textarea{border-radius:10px;box-sizing:border-box;color:#fff;margin-bottom:10px;width:100%}.create-post textarea{background-color:#3f3f3f;border:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:18px;padding:10px;resize:none}.create-post textarea:focus{outline:none}.create-post textarea::placeholder{color:hsla(0,0%,100%,.603)}.create-post-actions{align-items:center;display:flex;justify-content:space-between}.attached-img{border-radius:10px;margin:0 0 10px;padding:0;width:100%}.attached-img-wrapper{position:relative}.remove-img{cursor:pointer;left:0;margin:10px;position:absolute}.attach-button{align-items:center;background-color:#494949;border-radius:10px;box-sizing:border-box;cursor:pointer;display:inline-block;display:flex;justify-content:center;margin-right:10px;padding:5px 10px}.active,.attach-button:hover{background-color:rgba(82,81,81,.575)}.active{color:#fff;outline:1px solid hsla(0,0%,100%,.575)}.attach-button p{display:inline-block;margin:0;padding:5px}.attach-bar{display:flex}.post-image-input{display:none}.attach-image{cursor:pointer}@media screen and (max-width:920px){.attach-button p{display:none}}.search-bar{display:flex;margin-top:10px}.search-bar input{background-color:#3f3f3f;border-bottom-left-radius:10px;border-style:none;border-top-left-radius:10px;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;font-size:17px;outline:none;padding:7px 15px;width:95%}.search-bar input::placeholder{color:hsla(0,0%,100%,.603)}.search-button{align-items:center;background-color:#0e50b4;border-bottom-right-radius:10px;border-top-right-radius:10px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding-left:10px;padding-right:10px;width:5%}.list{background-color:#000;border:1px solid #fff;border-radius:10px;margin-top:10px;max-height:400px;overflow-y:auto}.list img{display:inline-block;width:80px}.list-item{background-color:#181818;border-radius:10px;cursor:pointer;display:flex;margin:5px;padding:10px}.list-item:hover{background-color:#3f3f3f}.list-item p{display:block;margin:0;padding:0}.info{display:flex;flex-direction:column;justify-content:space-around;margin-left:15px}.playlist-name,.song-name{color:#fff;font-weight:700;text-decoration:none}.playlist-name:hover,.song-name:hover{text-decoration:underline}.artist-name{color:#fff;font-size:13px;text-decoration:none}.artist-name:hover{text-decoration:underline}.notification{border-radius:10px;bottom:0;margin-bottom:70px;margin-right:20px;padding:10px;position:fixed;right:0}.notification p{color:#fff;font-size:18px;margin:0;padding:0}.success{background-color:#005eda}.error{background-color:#dd3737}.button{border-radius:10px;border-style:none;box-sizing:border-box;color:#fff;font-size:18px;padding:8px 15px}.enabled{background-color:#0e50b4;cursor:pointer}.disabled{background-color:#669beb;cursor:default}@keyframes show{0%{opacity:0}to{opacity:1}}.visible{animation-duration:2s;animation-name:show}.add-comment textarea{background-color:#000;border:1px solid hsla(0,0%,100%,.692);border-radius:10px;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;font-size:16px;height:100%;margin-bottom:10px;padding:5px 10px;resize:none;width:100%}.add-comment form{align-items:flex-end;display:flex;flex-direction:column;margin-top:10px}.add-comment button{border-radius:10px;border-style:none;box-sizing:border-box;color:#fff;font-size:15px;padding:8px 15px}.actions .icon{cursor:pointer;font-size:20px}.like,.reply{align-items:center;display:flex;margin-right:40px}.like p,.reply p{color:#fdfdfd;font-size:15px;margin:0 0 0 20px}.like .icon{color:#c91d1d}.reply .icon{color:#2669cf}.view-replies .icon{color:#009926}.delete .icon{color:#f12929}.post{background-color:#000;border-radius:10px;color:#fff;cursor:pointer;margin-bottom:15px;padding:15px}.post p{word-wrap:break-word;font-size:17px}.post:hover{background-color:#0f0f0f}.actions{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:flex-start}iframe{margin-bottom:10px}.post-image{margin-bottom:10px}.post-image,.post-image img{border-radius:10px;width:100%}.post-image img{object-fit:cover}.profile-card .profile-image{background-color:#000;border-radius:90px;height:50px;overflow:hidden;width:50px}.profile-card .profile-image img{height:100%;object-fit:cover;width:100%}.profile-card .profile-image img:hover{cursor:pointer;opacity:.8}.profile-card{align-items:flex-end;box-sizing:border-box;display:flex}.profile-card a{color:#fff;display:inline-block;font-size:16px;font-weight:bolder;margin:0 0 0 10px;text-decoration:none}.profile-card a:hover{text-decoration:underline}.main{box-sizing:border-box;margin:20px auto 0;max-width:800px;overflow-y:auto}.main-child{background-color:#000;border-radius:10px;color:#fff;padding:15px}@media screen and (max-width:1025px){.main{margin-bottom:70px;margin-top:5px}}.load-posts{background-color:initial;border:3px solid #0e50b4;border-radius:10px;color:#fff;padding:8px 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.load-posts:hover{background-color:#0e50b4;cursor:pointer}.load-posts-wrapper{display:flex;justify-content:center}.loading-posts{color:#fff}.image-input-wrapper{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.image-input-wrapper .image{align-items:center;border-radius:90px;display:flex;height:150px;justify-content:center;margin-bottom:20px;overflow:hidden;width:150px}.image-input-wrapper .image img{height:100%;object-fit:cover;width:100%}.add-image{align-items:center;background-color:#0e50b4;border-radius:100px;bottom:0;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;margin:0;position:absolute;right:0;width:32px}.add-image-input{display:none}.text-input{margin-bottom:10px}.text-input input{background-color:#3d3d3d;border:none;border-radius:5px;box-sizing:border-box;color:#fff;display:block;font-size:16px;margin:2px 0 0;outline:none;padding:10px;width:50%}.text-input-label{color:#fff;display:block;font-size:15px;font-weight:600;margin-left:2px}.text-input-error-message{color:#c73b3b;font-weight:400;margin:0;padding:0}.navigation{align-items:center;background-color:#000;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;height:calc(100% - 110px);left:20px;margin-top:20px;min-width:255;position:fixed;z-index:2}.navigation,.navigation a{border-radius:10px;box-sizing:border-box;padding:10px}.navigation a{color:#181818;color:#fff;cursor:pointer;font-size:25px;font-weight:500;text-decoration:none;width:100%}.navigation a:hover{background-color:#1f1f1f}.nav-icon{margin-right:20px;width:28px}.navigation .search-icon{display:none}@media screen and (max-width:1360px){.navigation span{display:none}.nav-icon{margin-right:0}}@media screen and (max-width:1025px){.navigation{border-radius:0;border-top:1px solid #fff;bottom:0;flex-direction:row;height:auto;justify-content:space-around;left:0;padding:0;width:100%}.navigation a{width:auto}.navigation .search-icon{display:block}}header{align-items:center;background-color:#000;border-bottom:1px solid hsla(0,0%,59%,.432);box-sizing:border-box;display:flex;height:70px;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:1}header h1{color:#fff;margin-left:6.5%}.search-app{left:30%;margin-bottom:50%;margin-top:50%;position:absolute;width:40%}header .profile-card{background-color:#4d4d4d;border-radius:10px;padding:5px 15px}.menu{box-sizing:border-box;display:inline-block;margin-right:40px;position:relative}.menu:hover{padding-bottom:10px;padding-top:10px}.menu:hover .dropdown{visibility:visible}.dropdown{background-color:#4d4d4d;border-radius:10px;box-sizing:border-box;color:#fff;margin-top:10px;min-width:100%;padding:10px;position:absolute;right:0;visibility:hidden}.dropdown p{border-radius:10px;cursor:pointer;margin:0;padding:5px 10px}.dropdown p:hover{background-color:#2e2e2e}.signin-btn{border:3px solid #0e50b4;border-radius:10px;color:#fff;cursor:pointer;padding:8px 15px}.signin-btn:hover{background-color:#0e50b4}@media screen and (max-width:1025px){.search-app{display:none}.menu{margin-right:5px}header h1{margin-left:5px}}.logo{color:#d8d8d8;font-weight:bolder;margin-left:50px}.logo span{color:#658df1}.intro{align-items:center;background-color:#d8d8d8;display:flex;height:220px;justify-content:space-between;padding:0 50px}.intro p{font-size:20px;margin:0}.spotify-icon{color:#00a700;font-size:35px}.sign-in{align-items:center;background-color:#000;border-radius:30px;box-shadow:0 0 20px #000;color:#fff;cursor:pointer;display:flex;justify-content:space-around;margin-left:50px;min-width:220px;padding:10px}.sign-in:hover{background-color:#161616}.sign-in p{font-size:14px}.features{color:#d8d8d8;margin-top:50px;padding:0 50px}.features h1{font-size:40px;font-weight:400}.features div{display:inline-block;max-width:45%;padding-right:50px;vertical-align:top}.features p{font-size:18px;margin-bottom:50px}.features span{color:#658df1}.comment{background-color:#000;border-left:1px solid #fff;color:#fff;padding:10px;width:auto}.comment,.reply-box{box-sizing:border-box;margin-top:10px}.reply-box{margin-left:auto;padding:0;width:98%}.profile .profile-image{border-radius:90px;height:150px;margin:0;overflow:hidden;width:150px}.profile .profile-image img{display:block;height:100%;margin:0;object-fit:cover;width:100%}.username{color:#b4b4b4;font-size:18px;margin:0;padding:0}.display_name{color:#fff;font-size:27px;font-weight:700;margin:0}.profile{background-color:#000;border-radius:10px;box-sizing:border-box;margin-bottom:10px;padding:10px;position:relative}.profile a{text-decoration:none}.profile a:hover{text-decoration:underline}.user-info-img-wrapper{align-items:flex-end;display:flex}.user-info{margin-left:10px}.gear-icon{color:#fff;cursor:pointer;font-size:22px;margin-right:10px;position:absolute;right:0}.bio,.followers,.following{color:#b4b4b4}.followers span,.following span{color:#fff;font-weight:700}.followers,.following{margin-right:15px}.follow-button{align-items:center;background-color:#bebebe;border:2px solid #bebebe;border-radius:10px;color:#000;cursor:pointer;display:flex;padding:5px 10px}.follow-button:hover{background-color:#979797;border-color:#979797}.follow-button p{margin:0 0 0 10px;padding:0;-webkit-user-select:none;user-select:none}.unfollow-button{align-items:center;border:2px solid #bebebe;border-radius:10px;box-sizing:border-box;color:#bebebe;cursor:pointer;display:flex;padding:5px 10px}.unfollow-button p{margin:0 0 0 10px;padding:0;-webkit-user-select:none;user-select:none}.bar{background-color:#000;margin-bottom:10px;padding:15px}.bar,.bar a{border-radius:10px}.bar a{color:#fff;font-size:17px;font-weight:400;margin-right:15px;padding:5px 10px;text-decoration:none}.bar a:hover{background-color:#bbb;color:#000}.bar a.active{background-color:#6e6e6e;outline:none}.follow-info{align-items:center;display:flex}.delete-account,.edit-profile{background-color:#000;border-radius:10px;margin-bottom:10px;padding:10px}.delete-account button{background-color:#fd2727}.user-list{background-color:#000;border-radius:10px;padding:10px}.user-list .profile-card{border-radius:10px;margin-bottom:5px;margin-top:5px;padding:5px}.user-list .profile-card:hover{background-color:#292929;cursor:pointer}.user-list p{color:#fff}.user-list h2{color:#fff;margin:0 0 20px}
/*# sourceMappingURL=main.babb927c.css.map*/