@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.navbar{position:sticky;z-index:99999;top:0rem;background-color:#b2a4ff;width:auto;height:5rem;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;overflow:hidden}.navbar-logo{font-size:larger;font-weight:800}.navbar-menu{font-size:larger;width:auto;display:flex;justify-content:space-evenly;align-items:center}.logout{background-color:#8875f1;padding:6px;border-radius:10px;color:#242424;border:2px solid #242424}.menu-ele{padding-right:1rem}@media (max-width: 480px){.navbar{flex-direction:column;padding:.5rem 0}.navbar-menu{font-size:small;font-weight:900;display:flex;justify-content:center}.menu-ele{padding:0 .3rem;width:max-content}}.container{width:auto;height:10rem;display:flex;align-items:center}.left-userid,.right-email{font-size:larger;flex:.5;text-align:center}.hero-text{margin-top:6rem;display:flex;align-items:center;width:auto;height:10rem;font-size:xx-large;font-weight:600;justify-content:center}.anonymity{color:#8875f1}.logout-btn{width:auto;display:flex;justify-content:center;align-items:center}.progress>span{margin:0;padding:0}@media (max-width: 480px){.container{margin-top:2rem;flex-direction:column}.left-userid,.right-email{font-size:large}.hero-text{margin-top:1rem;font-size:x-large}}.groups-btn{z-index:99999;position:sticky;right:10px;top:5rem}.login-msg{background-color:#242424;color:#646cff;font-size:large;display:flex;justify-content:center;align-items:center;width:auto;height:100vh}.home{margin-bottom:1.5rem;width:auto;display:flex;flex-direction:column;align-items:center}.home-all-posts{display:flex;flex-direction:column;margin-top:2rem;padding:20px;width:80rem;height:max-content;border:2px solid black;border-radius:20px}.quick-comment{margin:1.5rem 0;padding:1rem;border-top:2px solid #242424;display:flex;justify-content:space-between;align-items:center;flex-direction:column}.qc{width:75rem;display:flex;justify-content:space-between}.show-more-comments{cursor:pointer;font-size:smaller}.hero-comment{font-size:large;font-weight:500;width:75rem;padding-left:.5rem;text-align:left}.qc-input{padding:.5rem;width:69rem;border-radius:1rem;outline:none;border:1px solid #242424}.latest-comment{margin-top:1rem;padding:1rem;border:1px solid #646cff;border-radius:1.5rem;width:75rem;display:flex;justify-content:flex-start}.home-post{flex:.9;width:80rem;height:max-content;border-radius:20px}.comment-btn{flex:.1}.progress{display:flex;justify-content:center;align-content:center}.blue{text-align:center;align-content:center}.preloader{width:auto;height:85vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.preloader-text{margin-top:1.5rem;text-align:center}@media (max-width: 480px){.home-all-posts{flex-direction:column;width:20rem}.username{font-size:smaller}.home-post{width:auto}.comment-btn{margin-top:1rem}.hero-comment{width:18rem;margin-bottom:.8rem}.qc{flex-direction:column;align-items:center}.qc-input{width:18rem;margin-bottom:1rem}.latest-comment{width:18rem}}.myposts{width:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem}.all-posts{margin-top:2rem;padding:20px;width:80rem;height:max-content;border:2px solid black;border-radius:20px}.post-info{display:flex;flex-direction:column;justify-content:flex-start}.username{font-size:large;font-weight:700}.email-mye{font-size:small;font-weight:700}.time{font-size:small}.post-delete{padding-top:10px;display:flex;justify-content:flex-start}.my-comments-post{padding:2rem}.single-my-comment{padding:1rem;border:2px solid black;border-radius:1.5rem;margin:1rem 0}@media (max-width: 480px){.all-posts{flex-direction:column;width:20rem}.username{font-size:smaller;color:#000}.home-post{width:auto}.comment-btn{margin-top:1rem}}.post{width:auto;height:85vh;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.textarea{font-size:medium;outline:none;padding:1rem;border-radius:20px;border:2px solid black}@media (max-width: 480px){textarea{height:15rem;width:20rem}}.error-text{display:flex;justify-content:center;align-items:center;width:auto;height:1.5rem;color:#fa4848;font-size:small;font-weight:600}.login{width:auto;height:100vh;display:flex;align-items:center;justify-content:center}.login-form{border:2px solid black;border-radius:25px;padding:2rem;display:flex;flex-direction:column;align-items:center}.email,.pass{width:15rem;margin:.8rem 0;padding:10px;border:none;border-bottom:1px solid black}.error-message{color:#fa4848;font-size:smaller}span{margin-top:9px;font-size:smaller}.signup{width:auto;height:100vh;display:flex;align-items:center;justify-content:center}.signup-form{border:2px solid black;border-radius:25px;padding:2rem;display:flex;flex-direction:column;align-items:center}.hero{font-size:xx-large;font-weight:600;margin-bottom:.3rem}.details{display:flex;flex-direction:column;align-items:center}.email,.pass,.confirmpass{width:15rem;margin:.8rem 0;padding:10px;border:none;border-bottom:1px solid black}.pass-match,.error-message{color:#fa4848;font-size:smaller}.btn{margin-top:.9rem}.container-comment{width:auto;display:flex;flex-direction:column;align-items:center}.comment-hero{margin-left:1.5rem;font-size:larger;font-weight:500}.comments-post{width:70rem;padding:2rem}.single-comment{padding:2rem;border:2px solid black;border-radius:1.5rem;margin:1rem 0}.comment-main{height:max-content;padding-top:10px}.comment{display:flex;justify-content:center;align-items:center;margin-top:.9rem}.comment-input{width:69rem;border-radius:.5rem;padding:1rem;background-color:transparent;outline:none;border:1px solid #646cff}.comment-btn{margin-left:10px;display:flex;justify-content:center;align-items:center}@media (max-width: 480px){.comment{flex-direction:column}.comment-input{width:20rem}.comments-post{width:25rem}}.create-grp{position:fixed;bottom:3rem;right:3rem}.all-grps{padding:0 0 2rem;width:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.grp-info{margin-top:2rem;width:80rem;padding:2rem;border:2px solid black;border-radius:20px;display:flex;justify-content:flex-start;flex-direction:column}.grp-name{font-size:xx-large;font-weight:600}.grp-bio{margin-top:.6rem;font-size:small}@media (max-width: 480px){.grp-info{width:20rem}.grp-name{font-size:x-large;font-weight:600}.grp-bio{margin-top:.6rem;font-size:small}}.grp-create{width:auto;height:100vh;display:flex;justify-content:center;align-items:center}.grp-form{border:2px solid black;border-radius:1.5rem;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.grp-herotext{font-size:xx-large;font-weight:600;text-align:center}.grp-container{margin:1rem;padding:2rem;border-radius:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.sin-grp-name{font-size:xx-large;font-weight:600;text-align:center}.grp-all-posts{display:flex;margin-top:2rem;padding:20px;width:80rem;height:max-content;border:2px solid black;border-radius:20px}.grp-post-input{margin-top:1rem;width:70rem;display:flex;justify-content:space-evenly}.grp-post-input>input{border-radius:.4rem;width:60rem;border:none;border:1px solid black;background:transparent;padding:.4rem 1rem;text-align:center;outline:none}.progress>span{margin:0}.preloading{width:auto;height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width: 480px){.grp-post-input{width:20rem;flex-direction:column;justify-content:center;align-items:center}.grp-post-input>input{width:auto;border-radius:.4rem;margin-bottom:1.5rem}.grp-all-posts{flex-direction:column;width:20rem}.grp-post,.post-content{width:auto}}.welcome{background:linear-gradient(90deg,rgb(176,180,241) 0%,rgb(83,91,240) 100%);width:100%;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.welcome-span{color:#242424;position:absolute;font-size:x-large;font-weight:500;bottom:-600rem;animation:heroanimation 3s ease forwards}.welcome-container{position:absolute;width:50rem;height:max-content;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.svg>text{font-size:150px;stroke:#f5f5f5;stroke-width:5px;fill:none;font-family:Poppins,sans-serif;stroke-linejoin:round;stroke-dasharray:500px;stroke-dashoffset:500px;animation:textanimation 3s ease forwards}@keyframes textanimation{to{stroke-dashoffset:0}}@keyframes fillanimation{0%{fill:none}to{fill:#f5f5f5}}@keyframes heroanimation{to{bottom:6rem}}@media (max-width: 480px){.welcome-container{width:20rem}.welcome-span{font-size:large;font-weight:400}@keyframes heroanimation{to{bottom:1.5rem}}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}