@import"https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap";:root{background-image:url(/assets/anonymous-bg-main-DIUX1xf4.jpg);background-size:cover;background-position:fixed;color:#fff;width:100%}*{box-sizing:border-box}.rootRoute{width:100%}.navBar{display:flex;height:4.5rem;justify-content:space-between;box-shadow:0 3px 8px #fff;border-radius:12px;margin-bottom:40px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.navLogo{display:flex;gap:25px}.navBar img{width:42.22px;height:40px;margin-top:19px;margin-left:45px}.appName{display:flex;align-items:center;font-family:url,sans-serif;font-size:20px;font-weight:600;line-height:23.5px;text-decoration:none;color:#fff}.userLog{display:flex;align-items:center;gap:30px;padding:10px}.showLogOut{display:flex;background:#404040;height:fit-content;color:#fff;font-size:16px;border-radius:10px;padding:15px;transition:.3s;font-weight:700;border:none;margin-right:20px}.showLogOut:hover{transition:.5s;background:#fff;color:#000;filter:drop-shadow(0px 0px 3px rgb(181,181,181));box-shadow:0 0 5px #fff;transform:scale(1.1)}.hideLogOut{display:none}.outlet{display:flex;justify-content:center;margin-top:20px}#error-page div{display:flex;height:90vh;flex-direction:column;align-items:center;justify-content:center}.error{font-size:14px;margin:0}.index{display:flex;align-items:center;flex-direction:column;font-family:url,sans-serif;min-width:320px;max-width:650px;padding:10px;gap:15px;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.rocketDiv{display:flex;justify-content:center;align-items:center;gap:10px;width:228px;height:40px;border-radius:1000px;border:1px solid #292929}.index h1{text-align:center;font-family:url,sans-serif;font-size:40px;font-weight:700;margin-bottom:0}.signUpLink{margin-top:20px;display:flex;align-items:center;justify-content:center;background:#404040;gap:15px;width:275px;height:48px;border-radius:20px;text-decoration:none;color:#fff}.linkBtn{color:#fff}.signUp{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#ffffff1a;font-family:url,sans-serif;width:387px;height:480px;padding:10px;gap:0px;border-radius:10px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 10px 1px #fff}.signUp img{width:25px;height:25px}.signUp h2{height:28px;font-size:24px;line-height:28.2px;margin-bottom:50px}.signUp Form{display:flex;align-items:center;flex-direction:column;gap:20px}.signUp Form>input{width:250px;height:48px;border-radius:1000px;border:1px solid #ffffff;padding-left:35px;margin-bottom:-8px}.logBtn{display:flex;align-items:center;justify-content:center;background:#404040;gap:10px;width:275px;height:48px;border:none;margin-top:20px;border-radius:1000px;color:#fff}.logBtn>img{height:12px;width:15px}.allBtn{transition:.3s;box-shadow:0 0 5px 1px #fff}.allBtn:hover{background:#fff;color:#000;transition:.4s;transform:scale(1.1);box-shadow:0 0 5px 1px gray;filter:drop-shadow(0px 0px 1px rgb(181,181,181));cursor:pointer}.allBtn:hover img{filter:invert(100%)}.otp p{width:254px;font-family:url,sans-serif;font-size:14px;line-height:16.45px;text-align:center;color:#ffffff80}.actCreated{gap:10px}.actCreated>img{width:31.7px;height:33.33px}.actCreated h2{width:197px;font-family:url,sans-serif;line-height:28.2px;text-align:center}.dashboard{font-family:url,sans-serif;display:flex;justify-content:center;gap:100px;color:#ffffff80}.tabs{display:flex;flex-direction:column;gap:20px;margin-top:40px}.tabLink{display:flex;align-items:center;width:290px;height:57px;text-decoration:none;color:#ffffff80;font-size:20px;border-radius:10px;padding-left:24px;background:#ffffff0d;box-shadow:0 0 5px gray}.active{background:#ffffff4d;color:#fff}.createPost{display:flex;justify-content:start;border:1px solid #fff;align-items:center;text-align:left;width:18.125rem;gap:15px;font-weight:700}.details{display:flex;background:#0d0d0dc0;padding:14px 14px 14px 19px;margin:0;box-shadow:0 0 10px 1px #fff;border-radius:15px;height:30rem}.dashboardIndex{font-family:url,sans-serif;margin-top:0;display:flex;flex-direction:column;align-items:center;gap:20px;padding:15px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dashboardIndex *{text-decoration:none;color:#ffffff80}.dashboardIndex>h2{color:#fff;margin:0}.postDetailsOutlet{border-radius:10px;width:554px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);overflow:scroll}.postDetailsOutlet::-webkit-scrollbar{display:none}.post{text-align:center;width:530px;background:#ffffff0d;border-radius:10px;box-shadow:0 0 5px #fff;transition:.2s}.post:hover{transition:.3s;transform:scale(1.03);filter:drop-shadow(0px 0px 1px white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.post>p{margin-bottom:0;font-size:20px;font-weight:700}.postDetails{display:flex;justify-content:space-around;gap:12px;line-height:18.8px}.postDetails p{margin:15px}.loader{display:flex;justify-content:center;align-items:center;gap:15px;color:#d2d2d2}.loader:before{content:"";display:inline-block;width:20px;height:20px;border:5px solid #ccc;border-top-color:#242424;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.createPostRoute h2{font-family:url,sans-serif;padding:0;margin:0;font-size:20px;line-height:23.5px;color:#fff}.createPostRoute{margin:0}.createPostRoute Form{display:flex;flex-direction:column;gap:23px;padding:18.5px;align-items:center}.createPostRoute Form input,.createPostRoute Form textarea{border:1px solid gray;padding:17px 17px 17px 24px;font-size:20px;background:#ffffff0d;border-radius:10px}#post-title{width:486px;height:58px}#post-description{width:486px;height:160px;resize:none}.submitPost{width:300px;height:60px;background:#ffffff1a;color:#ffffff80;font-size:20px;border:1px solid white;border-radius:10px}.postData *{padding:0;margin:0}.postData{font-family:url,sans-serif;width:523px;padding:25px 25px 10px 28px;border-radius:15px;gap:0px}.postData h3{font-size:20px}.postData p{font-size:16px}.postData>p{margin:6px 0 10px;white-space:pre-wrap}.commentReply{display:flex;gap:10px;font-style:italic}.comments h3{font-size:16px;margin-top:11px;margin-bottom:16px}.comments>p{color:#00f;margin-bottom:16px}.reply{margin:10px}.replyOfReply{position:relative;margin-left:60px;margin-bottom:6px}.replyToCmt{margin-left:88px}.replyForm,.commentForm{display:flex;gap:20px}.replyForm>*,.commentForm>*{text-decoration:none;border:none;border-radius:5px}.replyForm input,.commentForm input{padding-left:10px;background:#292929;color:#fff;border:1px solid white}.replyForm button,.commentForm button{padding:5px;background:#000;color:#fff;box-shadow:2px 1px 2px #fff}.commentForm{margin:20px 0;height:30px;padding-left:10px}.replyForm input{font-size:12px;height:22px}.replyForm button{font-size:10px;height:22px}