@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.App{background-color:#282c34;left:0;min-height:100vh;position:absolute;top:0;width:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#21242c}::-webkit-scrollbar-thumb{background:#61dafbcf;border-radius:5px}.navbar{align-items:center;font-size:1rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:.5em;width:100%;z-index:10}.inner-navbar,.navbar{display:flex;justify-content:center;position:relative}.inner-navbar{width:min(55em,100%)}.nav-profile,.web-icon{width:50%}.nav-profile{align-items:center;display:flex;justify-content:flex-end;position:relative}.nav-profile *{margin-right:1em}.post-card{background-color:#202020;border-radius:.5em;box-shadow:5px 5px 10px rgba(0,0,0,.5);font-size:1rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:3em;position:relative;width:30em}.like-section{align-items:center;color:#61dafb;display:flex;flex-direction:column;font-size:1em;height:8em;justify-content:space-around;left:-3em;position:absolute;top:1em}.post-counters{position:relative;top:-.5em}.post-head{color:#61dafb;font-family:Poppins,sans-serif;letter-spacing:1px;padding:1em 1.8em;position:relative}.post-date{font-size:.75em}.post-body{display:flex;flex-direction:column;padding-bottom:1.8em;width:100%}.post-body img{border-radius:.2em;position:relative;width:100%}.post-body-text{color:#fff;font-size:.8em;font-weight:lighter;letter-spacing:1px;opacity:.85;padding:1.8em 1.8em 0;padding-inline:2em}.post-body-tags,.post-body-text{font-family:Poppins,sans-serif;position:relative}.post-body-tags{display:flex;justify-content:flex-start;padding-inline:1.8em}.post-tag{background-color:#61dafb33;border-radius:.2em;color:#61dafb;cursor:pointer;font-size:.9em;justify-self:left;margin-inline:.7em;padding-inline:.2em;position:relative}.post-tag:first-child{margin-left:0}.post-readmore{color:#61dafb;cursor:pointer;font-family:Poppins,sans-serif;font-size:1.5em;margin:auto auto .5em;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.home-component{font-size:1rem;height:auto;justify-content:center;padding-top:4em}.home-component,.post-flow{display:flex;position:relative}.post-flow{align-items:center;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:min(40em,100%)}@media only screen and (max-width:646px){.home-component{font-size:.65em}.home-component .post-card{font-size:.9em}}.login-form{align-items:center;background-color:hsla(0,0%,100%,.05);border-radius:.5em;display:flex;flex-direction:column;font-size:1rem;margin:5em auto auto;padding-block:2em;width:min(25em,90%)}.login-form,.login-form .login-password{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}.login-form .input,.login-form .login-password{margin-bottom:2em;width:80%}.login-form .input{background-color:transparent;border:1px solid hsla(0,0%,100%,.4);border-radius:1.5em;color:hsla(0,0%,100%,.9);font-family:Poppins,sans-serif;height:3em;letter-spacing:1px;padding-inline:2em;position:relative}.login-form .login-password .input{margin-bottom:0;width:100%}.login-form .input:focus{border:1px solid #61dafb;outline:none}.login-eye{position:absolute;right:1em;top:50%;-webkit-transform:translateY(-40%);transform:translateY(-40%)}.login_button{border:2px solid #61dafb;border-radius:.5em;color:#61dafb;cursor:pointer;font-family:Poppins,sans-serif;letter-spacing:1px;margin-bottom:.5em;padding-block:.2em;padding-inline:1.2em;position:relative;transition:all .2s ease-in-out}.login_button:hover{background-color:#61dafb;color:#000}.login-footer{color:hsla(0,0%,100%,.9);font-family:Poppins,sans-serif;font-size:.8em;letter-spacing:.5px;position:relative}.login-logo{color:#61dafb;margin-bottom:2em;position:relative}.bruh{display:flex;justify-content:center;padding-top:1em}.profile-card{background-color:#202020;border:2px solid #000;border-radius:.5em;box-shadow:5px 5px 10px rgba(0,0,0,.5);color:#61dafb;font-family:Poppins;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;margin-bottom:5em;padding:2vh 2vw;position:relative;width:50vw}.profile-text{display:flex;flex-wrap:wrap;font-size:4vh;padding-bottom:.5vh}.spanc{color:#ff171b}.main .profile-text{cursor:pointer;float:right;text-align:right}.main .profile-bio{text-align:left}.profile-bio{display:flex;flex-wrap:wrap;font-size:1.7vh;margin-top:3vh}.main .profile-img{border-radius:50%;text-align:left;width:10vw}.link-wrapper{display:flex;font-size:1.2vw;justify-content:space-between;margin-top:10vh}.links{background:#202020;color:#55c3e1;cursor:pointer;text-decoration:none}.link-wrapper .links:hover{color:#ffebcd}.edit{float:right;margin-bottom:1vh;margin-right:-1vw;padding-top:4vh}.edit-button{background:#202020;margin-right:1em}.edit-button:hover{background:#55c3e1}.profile-input-text-area{background-color:hsla(0,0%,100%,.04);border-radius:.5em;color:#fff;height:8em;margin-bottom:2em;margin-top:2em;padding:1em;resize:none;width:90%}.close,.save{background:#202020;margin-right:1em}.fullpost{padding:5em;width:100%}.comment-section,.fullpost{align-items:center;display:flex;flex-direction:column;font-size:1rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}.comment-section{width:30em}.comment{background-color:hsla(0,0%,100%,.05);border-radius:.5em;color:#61dafb;flex-direction:column;font-family:Poppins,sans-serif;margin-bottom:2em;padding:1em;width:100%}.comment,.comment-header{display:flex;position:relative}.comment-header{justify-content:space-between;letter-spacing:1px}.comment-author{margin-right:2em;position:relative}.comment-date{font-size:.7em;position:relative;top:.5em}.comment-body{color:hsla(0,0%,100%,.7);font-size:.8em;position:relative}.add-comment{font-size:1rem;margin:auto;position:relative;width:30em}.add-comment textarea,.create-post-section textarea{background-color:hsla(0,0%,100%,.05);border:none;border-radius:.5em;color:hsla(0,0%,100%,.7);font-family:Poppins,sans-serif;font-size:.8em;padding:1em;position:relative}.add-comment textarea:focus,.create-post-section textarea:focus{border:1px solid #61dafb;outline:none}.comment-button{border:2px solid #61dafb;border-radius:.5em;color:#61dafb;cursor:pointer;font-family:Poppins,sans-serif;letter-spacing:1px;margin-top:1em;padding:.6em 1.2em;padding-block:.2em;padding-inline:1.2em;transition:all .2s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.comment-button:hover{background-color:#61dafb;color:#000}.add-comment textarea{height:20em;resize:none;width:100%}@media only screen and (max-width:646px){.fullpost{font-size:.65em}.add-comment,.comment-section,.fullpost .post-card{font-size:.9em}}.create-post-section{display:flex;font-size:1rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding-top:4em;position:relative;width:100%}.create-section{align-items:flex-start;flex-direction:column;padding:0 2em 2em}.create-section,.post-preview{display:flex;position:relative;width:45%}.post-preview{justify-content:center;padding-top:0}.post-preview .post-card{font-size:.9em}.create-section input,.profile-input{background-color:transparent;border:1px solid hsla(0,0%,100%,.4);border-radius:1.5em;color:hsla(0,0%,100%,.9);font-family:Poppins,sans-serif;font-size:.7em;height:3em;letter-spacing:1px;margin-bottom:2em;padding-inline:2em;position:relative;width:90%}.create-section textarea{height:20em;margin-bottom:2em;width:90%}.create-section .tag-input{height:10em}.create-section input:focus,.profile-input-text-area:focus{border:1px solid #61dafb;outline:none}.preview-foot{font-size:.7em}.create-buttons{display:flex;position:relative}.create-buttons *{margin-right:1em}@media only screen and (max-width:1174px){.create-post-section{align-items:center;flex-direction:column}.create-section,.post-preview{width:min(35em,100%)}.create-section{align-items:center}}@media only screen and (max-width:562px){.create-post-section{font-size:.65em}}
/*# sourceMappingURL=main.152a7813.css.map*/