@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#cecece}*,body{font-family:Roboto;margin:0}*{padding:0}button{background-color:#de3163;border:0;border-radius:20px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px;width:100%}input,textarea{background-color:#2e2d2d;border:0;border-radius:5px;color:#fff;padding:10px 0 10px 10px;width:100%}.login-page{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center}.login-page-ctx{background-color:#151515;border-radius:10px;padding:60px}.login-page-ctx-ctx{display:flex;flex-direction:column;gap:1em;width:100%}@media screen and (max-width:768px){.login-page-ctx{padding:30px}}@media screen and (max-width:480px){.login-page-ctx{padding:20px}}.login-page-form,.login-page-heading{display:flex;flex-direction:column;gap:1em}.logo{align-items:center;display:flex;height:15vh;justify-content:center}.logo a{color:#de3163;text-decoration:none}.navbar{align-items:center;display:flex;height:12vh;justify-content:space-around}.navbar-left-logo h1{color:#de3163}.navbar-right-btn{align-items:center;display:flex;flex-direction:row;gap:1em}.navbar-left-logo a{text-decoration:none}.logout-btn button{background-color:#d7d3d4;color:#000}.dropdown{display:inline-block;position:relative}.dropdown-content{background-color:#232323;border-radius:5px;box-shadow:0 8px 16px 0 #0003;display:flex;flex-direction:column;gap:1em;min-width:auto;padding:5px;position:absolute;z-index:1}.dropdown-content button{margin-top:0;width:100%}.dropdown-btn{background-color:#484747}.profile-btn a{background-color:#d7d3d4;border-radius:15px;padding:5px 50px;text-decoration:none;width:100%}.navbar-right-btn button{margin-top:0}@media screen and (max-width:550px){.navbar-right{background-color:#000000b3;bottom:0;justify-content:center;position:fixed}.navbar-right,.navbar-right-btn{align-items:center;display:flex;width:100vw}.navbar-right-btn{justify-content:space-evenly}}.user-post-container{display:flex;flex-direction:column;margin-bottom:2em}.userinfo-post-user-img{border-radius:50%;height:30px;width:30px}.userinfo-post-user-img img{border-radius:50%;height:100%;width:100%}.userinfo-post-user-username p{font-size:12px;font-weight:700}.userinfo-post-post-image{height:500px;width:400px}.userinfo-post-post-image img{height:100%;max-width:100%}.userinfo-post{background-color:#151515;border-radius:10px;margin-bottom:1em;padding:10px 20px}.userinfo,.userinfo-post{display:flex;flex-direction:column;justify-content:center}.userinfo{align-items:center;gap:1.2em}.userinfo-post-user{align-items:center;gap:.5em;margin-bottom:.5em}.post-like{cursor:pointer;display:flex;font-size:20px;gap:.1em;margin-top:10px}.user-comment{height:23px}.add-comment,.user-comment{align-items:center;display:flex;gap:.2em}.add-comment{justify-content:space-between}.add-comment input{width:80%}.add-comment button{border:0;border-radius:5px;margin-top:0;padding:10px;width:20%}.follow-someone,.user-follow-box{align-items:center;display:flex;flex-direction:column;justify-content:center}.user-follow-box{border-radius:5px;gap:1em;height:auto;line-height:0px;padding:10px;width:167px}.user-follow-box-img{height:100px;width:100px}.user-follow-box-img img{border-radius:50%;height:100%;width:100%}.user-follow-container{display:flex;flex-direction:column;flex-wrap:wrap;gap:1em;position:absolute;right:2vw;top:15vh}.user-follow-container a{display:flex;flex-direction:column;gap:1em}.user-follow-container a,.userinfo-post-user-username a{color:azure;text-decoration:none}.add-post-section{background-color:#151515;display:flex;flex-direction:column;height:auto;margin:0 auto;width:50%}input,textarea{background-color:#363636}.image-input{text-align:center}.image-input input{display:none}.image-input label{background:#000;color:#fff;cursor:pointer;display:block;font-size:115%;padding:.3rem .6rem}.image-input label i{font-size:125%;margin-right:.3rem}.image-input label:hover i{animation:shake .35s}.image-input img{display:none;max-width:175px}.image-input span{cursor:pointer;display:none;text-align:center}@keyframes shake{0%{transform:rotate(0deg)}25%{transform:rotate(10deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-10deg)}to{transform:rotate(0deg)}}.user-info-post-user-left{align-items:center;display:flex;gap:.2em}.userinfo-post-user{display:flex;justify-content:space-between}.user-info-post-user-right{cursor:pointer}@media screen and (max-width:768px){.user-follow-container{flex-direction:row;justify-content:center;position:static}}@media screen and (min-width:422px) and(max-width:576px){.userinfo-post-post-image{height:427px;width:362px}}@media only screen and (min-width:300px) and (max-width:422px){.userinfo-post-post-image{height:365px;width:362px}}.add-post{align-items:center;display:flex;flex-direction:column;height:auto;margin-bottom:1em}.add-post-form{width:50%}.drop-container{align-items:center;border:2px dashed #555;border-radius:10px;color:#444;cursor:pointer;display:flex;flex-direction:column;gap:10px;height:200px;justify-content:center;padding:20px;position:relative;transition:background .2s ease-in-out,border .2s ease-in-out}.drop-container:hover{background:#eee;border-color:#111}.drop-container:hover .drop-title{color:#222}.drop-title{color:#444;font-size:20px;font-weight:700;text-align:center;transition:color .2s ease-in-out}input[type=file]::-webkit-file-upload-button{background:#084cdf;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-right:20px;padding:10px 20px;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}input[type=file]::file-selector-button{background:#084cdf;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-right:20px;padding:10px 20px;transition:background .2s ease-in-out}input[type=file]::-webkit-file-upload-button:hover{background:#0d45a5}input[type=file]::file-selector-button:hover{background:#0d45a5}.user-info-header-image{height:200px;width:200px}.user-info-header-image img{border-radius:50%;height:100%;width:100%}.user-info-section{margin:1em auto 0;width:65%}.user-info-header{align-items:center;display:flex;gap:2em}.user-info-header-para{gap:.9em}.user-info-header-para,.user-info-header-para-name{display:flex;flex-direction:column}.follow-btn button{margin-top:0}.user-insights-post{display:flex;gap:1em}.user-post-section-post{height:300px;width:300px}.user-post-section-post img{border-radius:5px;height:100%;width:100%}.user-post-section{margin:20px auto;width:65%}.user-post-section-container{display:flex;flex-wrap:wrap;gap:1em}.user-post-section-post{display:inline-block;position:relative}.user-post-section-post .caption{background-color:#000000b3;bottom:0;color:#fff;left:0;opacity:0;padding:8px;position:absolute;text-align:center;transition:opacity .3s ease;width:100%}.user-post-section-post:hover .caption{opacity:1}.caption{align-items:center;display:flex;justify-content:space-around}.comments-length,.likes-length{align-items:center;display:flex;gap:.2em}@media screen and (max-width:700px){.user-info-header-image{height:150px;width:150px}.user-info-header-para{gap:.4em}.user-info-section,.user-post-section{width:75%}}@media screen and (max-width:630px){.bio,.user-insights-post h5{font-size:10px}.user-info-header-para-name h1{font-size:20px}.user-info-section{align-items:center;display:flex;justify-content:center;width:85%}.user-post-section{width:85%}}@media screen and (max-width:530px){.user-info-header-image{height:100px;width:100px}.user-post-section{align-items:center;display:flex;justify-content:center}}@media screen and (max-width:450px){.user-info-header{align-content:center;flex-direction:column;justify-content:center}}@media screen and (max-width:530px){.user-info-header-image{height:200px;width:200px}}.post-section{align-items:center;margin:0 auto 2em;width:75%}.post-content,.post-section{display:flex;flex-direction:column}.post-content{gap:1em}.user-info-image{height:50px;width:50px}.post-info-ctx{background-color:#151515;border-radius:5px;display:flex;flex-direction:column;gap:1em;padding:1em}.user-info-image img{border-radius:50%;height:100%;width:100%}.user-info{align-items:center;display:flex;gap:1em}.user-info a{color:#cecece;text-decoration:none}.post-content-image{height:500px;width:500px}.post-content-image img{border-radius:5px;height:100%;width:100%}.add-reply button{background-color:#151515;border:0;color:#cecece;font-size:10px;margin:0;padding:0;width:auto}.add-reply{margin-left:2em}.reply-class{align-items:center;display:flex;gap:.1em;margin-left:10px}.reply-class h5,.reply-class p{margin-bottom:0;margin-top:0}.post-like-comment{align-items:center;display:flex;gap:1em;justify-content:space-around}.post-comment,.single-post-like{align-items:center;cursor:pointer;display:flex;gap:.2em}.user-post-comments{transition:.3s ease-in-out}.post-info-user-info{align-items:center;display:flex;justify-content:space-between}.suggested-user-follow-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:20px auto;width:65%}.suggested-user-follow-container a{color:azure;display:flex;flex-direction:column;gap:1em;text-decoration:none}
/*# sourceMappingURL=main.c325e9b9.css.map*/