@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&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";html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #f6f6fb;--text: #1f1f1f;--surface: #f6f6fb;--muted: #f8f9ff;--border: #bbbaba;--primary: rgb(55, 136, 255);--err-bg: rgba(255, 0, 0, .187);--err-color: rgb(113, 0, 0);--success-color: green;--success-bg: #b9ff96;--notif-bg-not-read: rgb(233, 241, 252);--notif-bg-read: var(--surface);--notif-border-not-read: var(--primary);--notif-border-read: var(--border);--icon-container: rgb(214, 229, 251);background-color:var(--bg);color:var(--text)}body.dark{--bg: #0c1233;--text: #dfe9ff;--surface: #121b41;--muted: #1a2459;--border: #324a90;--err-color: red;--notif-bg-not-read: rgb(0, 46, 110);--icon-container: var(--surface);background-color:var(--bg);color:var(--text)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center;max-width:100vw}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--PRIMARY-COLOR: rgb(55, 136, 250);--SECONDARY-COLOR: rgb(224, 236, 255)}.LPHeader{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative;position:fixed;height:fit-content;top:0;left:0;background-color:var(--bg);box-shadow:0 0 8px gray;padding:10px;z-index:100}.authBtnsContainer{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px}.authBtnsContainer button{padding:5px;letter-spacing:1px;border-radius:5px;outline:none;width:100px;font-size:1rem;cursor:pointer}.authBtnsContainer .signInBtn{background-color:transparent;border:1px solid rgb(55,136,250);color:#3788fa}.authBtnsContainer .signUpBtn{background-color:#3788fa;color:#fff;border:none}.logoContainer{display:flex;justify-content:center;align-items:center;gap:5px;font-size:1rem}.logoContainer img{width:40px;height:40px;margin-right:5px}.logoContainer p{color:#3788fa;font-size:1.1rem;font-weight:700}.menuIconSpan{cursor:pointer}.navMenu{position:fixed;top:70px;right:5px;width:0;display:flex;flex-direction:column;gap:26px;color:#e0ecff;background-color:#3788fa;padding:0;border-radius:10px;transition:width .2s linear;overflow:hidden}.navMenu li{font-size:1.1rem;padding-bottom:5px;cursor:pointer}.navMenu a{color:#fff}.ShowNavMenu{width:200px;padding:10px;padding-block:20px}.LPMain{width:100%;display:flex;flex-direction:column;padding-top:60px;margin:0}.heroSection{width:100%;display:flex;justify-content:space-around;padding:20px;gap:20px}.heroTextContainer{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:10px;gap:20px;width:40%}.heroTextContainer .label{background-color:var(--icon-container);width:fit-content;padding:5px;padding-inline:10px;border-radius:15px;font-size:.9rem;display:flex!important;justify-content:center!important;align-items:center!important;gap:5px}.heroTextContainer h2{font-size:3rem}.heroTextContainer .trendy{color:#3788fa;font-style:italic}.heroTextContainer .heroParagraph{color:#6c6c6c}.bloggingImageFigure{width:40%;height:fit-content;display:flex;justify-content:center;align-items:center;margin-block:2rem;padding:10px;box-shadow:0 0 4px #3788fa;border-radius:15px;position:relative;background-color:var(--bg)}.bloggingImageFigure img{width:100%;height:100%;border-radius:20px;margin-inline:auto;object-fit:cover}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.bloggingImageFigure:before,.bloggingImageFigure:after{content:"";position:absolute;width:100%;height:100%;background-image:conic-gradient(from var(--angle),transparent 90%,rgb(55,136,250));z-index:-1;border-radius:15px;padding:3px;animation:spin 6s linear infinite;top:50%;left:50%;transform:translate(-50%,-50%)}.bloggingImageFigure:after{filter:blur(1.5rem)}.CTABtnsContainer{max-width:90%;display:flex;justify-content:flex-start;align-items:start;gap:20px;padding:10px 10px 10px 0;margin-top:2rem}.CTABtnsContainer button{cursor:pointer;border-radius:10px;font-size:1rem;white-space:nowrap;width:40%}.CTABtnsContainer .btn1{background-color:#3788fa;color:#fff;border:none;padding:10px;display:flex;justify-content:space-around;align-items:center;gap:8px;box-shadow:0 0 4px #3788fa;width:60%;height:50px}.CTABtnsContainer .btn1:hover{animation:vibrate .3s linear infinite both}.CTABtnsContainer .btn2{background-color:#fff;border:1px solid gray;color:#6c6c6c;padding:10px}@keyframes spin{0%{--angle: 0deg}to{--angle: 360deg}}@keyframes vibrate{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.curatedStoriesSection{width:100%;min-height:100vh;background-color:var(--bg);display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20px 10px 10px;gap:20px;margin-block:3rem}.curatedStoriesSection h3{font-size:1.8rem}.curatedStoriesSection p{text-align:center;font-size:.9rem;width:60%}.curatedStoriesSection .storiesContainer{display:flex;flex-direction:column;gap:20px;padding:10px;margin-top:2rem}.howItWorksSection{display:flex;flex-direction:column;align-items:center;gap:10px;background-color:var(--surface);padding-block:20px}.howItWorksSection h3{font-size:1.8rem}.howItWorksSection .subHeading{text-align:center;font-size:.9rem;width:60%;margin-bottom:2rem}.howItWorksSection .stepsContainer{display:flex;flex-direction:column;padding:10px;gap:20px}.howItWorksSection .stepsContainer .step{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;border:2px solid rgb(224,236,255);border-radius:10px;gap:15px;transition:transform .2s linear,filter .2s linear}.howItWorksSection .stepsContainer .step .iconContainer{width:fit-content;display:flex;justify-content:center;align-items:center;padding:10px;border-radius:50%;background-color:#e0ecff;position:relative}.howItWorksSection .stepsContainer .step .iconContainer .stepCount{position:absolute;top:-2px;right:-2px;background-color:brown;color:#fff;display:flex;justify-content:center;align-items:center;padding:5px;border-radius:50%;font-size:.7rem;width:15px;height:15px;text-align:center}.howItWorksSection .stepsContainer .step .stepName{font-size:1.1rem;font-weight:600}.howItWorksSection .stepsContainer .step .stepDescription{color:gray;width:80%;text-align:center}.stepsContainer:hover .step:not(:hover){filter:blur(2px);transform:scale(.9);transition:transform .2s linear,filter .2s linear}.stepsContainer:hover .step:hover{border:1px solid rgb(55,136,250);transform:scale(1.1);transition:transform .2s linear}.opinionsSection{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background-color:var(--bg);margin-top:2rem;padding:10px;padding-block:20px;width:100%}.opinionsSection h3{font-size:1.8rem}.opinionsSection .opinionsContainer{display:flex;flex-direction:column;gap:20px;margin-top:2rem}.opinionsSection .opinionContainer{display:flex;flex-direction:column;gap:10px;padding:10px;width:350px;height:fit-content;box-shadow:0 0 4px var(--border);border-radius:10px;background-color:var(--bg)}.opinionsSection .opinionContainer .opinionText{font-size:1rem;font-style:italic}.opinionsSection .opinionContainer .opinionProfileContainer{display:flex!important;flex-direction:row!important;gap:10px;margin-top:1rem}.opinionsSection .opinionContainer .opinionProfileContainer figure{width:40px;height:40px;border-radius:50%}.opinionsSection .opinionContainer .opinionProfileContainer figure img{width:100%;height:100%;object-fit:cover;border-radius:50%}.opinionsSection .opinionContainer .opinionProfileContainer .nameJobContainer{display:flex;flex-direction:column;gap:2px}.opinionsSection .opinionContainer .opinionProfileContainer .nameJobContainer .opinionName{font-size:.9rem;font-weight:600}.opinionsSection .opinionContainer .opinionProfileContainer .nameJobContainer .opinionJob{color:gray;font-size:.8rem}.newsletterSection{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.newsletterSection .container{width:80%;height:70%;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;margin-inline:auto;background-color:#3788fa;border-radius:15px;color:#fff}.newsletterSection .container h3{font-size:1.6rem}.newsletterSection .container p{font-size:1.1rem;text-align:center;color:#e0ecff;width:50ch}.newsletterSection .container form{width:60%;margin-inline:auto;display:flex;justify-content:space-evenly;align-items:center;gap:10px}.newsletterSection .container form input{width:70%;height:40px;padding:10px;font-size:1rem;border:none;outline:none;border-radius:10px;background-color:#e0ecff56;color:#e0ecff;font-weight:500}.newsletterSection .container form input::placeholder{color:#e0ecff}.newsletterSection .container form button{width:fit-content;height:40px;letter-spacing:1px;font-size:1rem;background-color:#fff;color:#3788fa;border:none;border-radius:10px;padding:10px;cursor:pointer}.newsletterSection .container form button:active{scale:.9}.newsletterSection .container .privacyP{font-size:.9rem;color:rgb(red,green,blue)}.bottomSection{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:fit-content;padding:20px 10px 10px;gap:20px;background-color:var(--surface)}.bottomSection .firstContainer,.bottomSection .secondContainer{display:flex;justify-content:space-around;width:100%}.bottomSection .container{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:10px;gap:10px;max-width:50%;height:fit-content}.bottomSection .container .heading{display:flex!important;justify-content:center;align-items:center;font-size:.8rem;text-align:center;gap:5px}.bottomSection .container .heading img{width:30px;height:30px}.bottomSection .container .subHeading{font-size:.7rem;width:80%;line-height:17px}.bottomSection .container ul{display:flex;flex-direction:column;justify-content:start;align-items:flex-start;padding-left:0}.bottomSection .container ul li{font-size:.7rem;white-space:nowrap;text-align:left;margin:0}.bottomSection .container .socialsContainer{display:flex!important;flex-direction:row!important;justify-content:start;align-items:center;width:50%;padding-block:10px;gap:5px}.bottomSection .container .socialsContainer .socialContainer{width:10px;height:10px;border-radius:50%;border:1px solid rgb(55,136,250);display:grid;place-content:center;padding:15px;cursor:pointer}.footer{width:100%;background-color:var(--bg);padding:10px}.footer .container{border-top:1px solid gray;width:100%;margin-inline:auto;display:flex;justify-content:space-between!important;align-items:center;padding:10px}.footer .container p{font-size:.8rem}.footer .container .rightContainer{width:33%}.footer .container .rightContainer p{width:60%;color:gray}.footer .container .statement{width:33%;display:flex;justify-content:flex-start;align-items:center;padding:10px;background-color:#f5ff89cb;border-radius:10px;gap:10px}.footer .container .statement span{display:grid;place-content:center}.footer .container .statement p{font-size:.8rem;font-weight:500;color:#cabe00}.footer .container .leftContainer{width:33%;display:flex;flex-direction:column;justify-content:flex-end;align-items:end;gap:5px}.footer .container .leftContainer p{color:#4d95fa;cursor:pointer}.spacer{height:50vh;background-color:#fff}@media(max-width:768px){.authBtnsContainer button{padding:5px;border-radius:5px;outline:none;width:70px;font-size:.8rem}.logoContainer img{width:40px;height:40px}.logoContainer p{color:#3788fa;font-size:1rem;font-weight:700}.heroSection{flex-direction:column}.heroTextContainer{width:100%}.CTABtnsContainer{width:100%;justify-content:flex-start;align-items:start}.CTABtnsContainer button{width:50%}.bloggingImageFigure{width:100%}.curatedStoriesSection .storiesContainer{gap:50px}.howItWorksSection .stepsContainer{gap:30px}.howItWorksSection .step{width:300px}.howItWorksSection .step .stepDescription{font-size:.8rem}.newsletterSection{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.newsletterSection .container{width:80%;height:50%;padding:10px;display:flex;flex-direction:column;align-items:center;margin-inline:auto;background-color:#3788fa;border-radius:15px;color:#fff}.newsletterSection .container h3{font-size:1.6rem;width:80%;text-align:center}.newsletterSection .container p{font-size:.9rem;text-align:center;color:#e0ecff;width:80%}.newsletterSection .container form{width:80%;margin-inline:auto;margin-block:2rem;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:20px}.newsletterSection .container form input{width:100%;height:45px;padding:10px;font-size:1rem;border:none;outline:none;border-radius:10px;background-color:#e0ecff56;color:#e0ecff;font-weight:500}.newsletterSection .container form input::placeholder{color:#e0ecff}.newsletterSection .container form button{display:grid;place-content:center;width:100%;height:35px;letter-spacing:1px;font-size:.9rem;background-color:#fff;color:#3788fa;border:none;border-radius:8px;padding:10px;cursor:pointer}.newsletterSection .container form button:active{scale:.9}.newsletterSection .container .privacyP{font-size:.9rem}footer .container{flex-direction:column;gap:20px}footer .container .rightContainer,footer .container .statement,footer .container .leftContainer{width:100%!important}footer .container .leftContainer{align-items:start!important}}@media(min-width:768px){.LPHeader{height:70px}.CTABtnsContainer{width:100%}.CTABtnsContainer button{width:50%}.curatedStoriesSection .storiesContainer{display:flex;flex-direction:row;justify-content:space-evenly;width:100%}.howItWorksSection{width:100%}.howItWorksSection .stepsContainer{width:100%;flex-direction:row;justify-content:space-around}.howItWorksSection .stepsContainer .step{height:300px;width:350px}.opinionsSection{height:60vh}.opinionsSection .opinionsContainer{width:100%;display:flex;flex-direction:row;justify-content:space-around;gap:10px}.opinionsSection .opinionsContainer .opinionContainer .opinionText{font-size:.9rem}.bottomSection{flex-direction:row}.bottomSection{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:fit-content;padding:20px 10px 10px;gap:20px;background-color:var(--surface)}.bottomSection .firstContainer,.bottomSection .secondContainer{display:flex;justify-content:space-around;width:100%}.bottomSection .container{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:10px;gap:10px;max-width:50%;height:fit-content}.bottomSection .container .heading{display:flex;justify-content:center;align-items:center;font-size:.8rem;text-align:center;gap:5px}.bottomSection .container .heading img{width:30px;height:30px}.bottomSection .container .subHeading{font-size:.8rem;width:80%;line-height:17px}.bottomSection .container ul{display:flex;flex-direction:column;justify-content:start;align-items:flex-start;padding-left:0}.bottomSection .container ul li{font-size:.9rem;white-space:nowrap;text-align:left;margin:0}.bottomSection .container ul li:hover{color:#3788fa}.bottomSection .container .socialsContainer{display:flex;justify-content:start;align-items:center;width:50%;padding-block:10px;gap:5px}.bottomSection .container .socialsContainer .socialContainer{width:10px;height:10px;border-radius:50%;border:1px solid rgb(55,136,250);display:grid;place-content:center;padding:15px;cursor:pointer}}.fading-elements{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fading-elements.visible{opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out}nav{width:70%;display:flex;justify-content:space-between;align-items:center}nav div{display:flex;justify-content:center;align-items:center;gap:5px}nav div p{color:#3788fa;font-size:1.1rem;font-weight:700}nav div img{width:40px;height:40px;margin-right:5px}ul{display:flex;justify-content:space-between;align-items:center;padding:10px;gap:25px;width:80%}li{list-style-type:none;display:flex;justify-content:center;align-items:center;gap:5px;font-size:1rem;cursor:pointer}li a{white-space:nowrap}li a:hover{color:#3788fa}.postContainer{width:100px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;box-shadow:0 0 8px var(--border);margin-inline:1rem;border-radius:8px;background-color:var(--bg);position:relative}.postContainer.drafts{padding-bottom:10px}.imageFigure{width:100%;height:100px;border-bottom:1px solid gray;border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden}.imageFigure img{width:100%;height:100%;object-fit:cover;border-top-left-radius:8px;border-top-right-radius:8px;transition:transform .3s linear}.postContainer:hover .post-image{transform:scale(1.03)}.textContainer{width:100%;padding:10px;display:flex;flex-direction:column;gap:10px!important;align-items:flex-start}.title{font-weight:600;font-size:1.2rem;color:var(--text);margin:0!important;font-family:Poppins,system-ui,sans-serif!important}.bodyAbbreviation{color:gray;font-family:Poppins,system-ui,sans-serif}.detailsContainer{width:100%;display:flex;justify-content:flex-start!important;align-items:center;margin-top:5px;text-align:center}#bottomContainerDrafts{display:none}.category{font-weight:600;font-size:12px;letter-spacing:1px;background-color:#adff2f;color:green;padding-inline:5px;padding-block:2px;border:1px solid green;border-radius:5px;margin-right:5px}.date{font-size:12px;color:var(--text)}#bottomContainer{display:flex;justify-content:space-between;width:100%;padding:10px}.bottomContainerDrafts{display:none!important;background-color:red!important}.userContainer{display:flex;gap:10px}.profileImgFigure{width:40px;height:40px;border-radius:50%;border:1px solid var(--primary)!important}.profileImgFigure img{width:100%;height:100%;border-radius:50%;object-fit:cover}.nameNUsernameContainer .name{font-weight:600;color:var(--text)}.nameNUsernameContainer .username{font-size:10px;color:var(--text)}.intractionContainer{display:flex;justify-content:center;align-items:center;gap:20px;color:var(--text)}.likes,.comments,.bookmark{display:flex;justify-content:center;align-items:flex-end;gap:5px}.likes path{stroke:var(--text)}.likes:hover path{fill:#ff4d6d;stroke:none}.comments,.bookmark{fill:#3788fa}:is(.comments,.bookmark) path{fill:var(--text)}.comments:hover{fill:#3788fa}.comments:hover path{fill:#3788fa}.compact--postContainer{width:300px;height:400px;cursor:pointer}.compact--postContainer .imageFigure{width:100%;height:80%;border-bottom:1px solid gray;border-top-left-radius:8px;border-top-right-radius:8px}.compact--postContainer .imageFigure img{width:100%;height:100%;object-fit:cover;border-top-left-radius:8px;border-top-right-radius:8px}.compact--postContainer .textContainer{padding:5px;display:flex;flex-direction:column;gap:0;align-items:flex-start}.compact--postContainer .detailsContainer{width:100%;display:flex;justify-content:flex-start;align-items:center}.compact--postContainer .detailsContainer .category--date{display:flex;justify-content:space-around;align-items:center;gap:5px;white-space:nowrap}.compact--postContainer .category{font-weight:600;font-size:.6rem;letter-spacing:1px;background-color:#adff2f;color:green;padding-inline:5px;padding-block:2px;border:1px solid green;border-radius:5px}.compact--postContainer .date{font-size:.6rem;white-space:nowrap}.compact--postContainer .title{font-weight:600;font-size:1rem;color:#00b3fa;width:90%;text-align:left;margin:0;margin-bottom:.5rem}.compact--postContainer .bodyAbbreviation{color:gray;font-size:.8rem;text-align:left}.compact--postContainer #bottomContainer{display:flex;justify-content:space-between;width:100%;padding:5px 5px 5px 0;margin:0;border-top:1px solid gray}.compact--postContainer #bottomContainer #bottomContainerDrafts{display:none}.compact--postContainer .userContainer{display:flex;gap:5px;margin:0}.compact--postContainer .profileImgFigure{width:20px;height:20px;border-radius:50%;border:1px solid var(--primary);margin:0}.compact--postContainer .profileImgFigure img{width:100%;height:100%;border-radius:50%;object-fit:cover}.compact--postContainer .nameNUsernameContainer{display:flex;flex-direction:column;justify-content:center;height:100%;gap:5px}.compact--postContainer .nameNUsernameContainer .name{font-weight:600;font-size:.6rem;white-space:nowrap}.compact--postContainer .nameNUsernameContainer .username{display:none}.compact--postContainer .intractionContainer{display:flex;justify-content:center;align-items:center;gap:5px}.compact--postContainer .likes,.compact--postContainer .comments{display:flex;justify-content:center;align-items:center;font-size:.6rem;gap:5px}.full--postContainer{overflow:hidden}@media(min-width:400px){.imageFigure{width:100%;height:300px;border-bottom:1px solid black;border-top-left-radius:8px;border-top-right-radius:8px}.imageFigure img{width:100%;height:100%;object-fit:cover;border-top-left-radius:8px;border-top-right-radius:8px}}@media(max-width:768px){.full--postContainer{width:390px;height:initial;margin-inline:auto}.title{font-size:1.3rem!important}.bodyAbbreviation{font-size:1rem}}@media(min-width:768px){.full--postContainer{width:500px;height:fit-content}.postContainer:hover .title{color:#3788fa}}@media(min-width:1200px){.full--postContainer{width:800px;height:initial}.full--postContainer .postContainer:hover .title{color:#3788fa}}.logoSection{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}.logoSection figure{width:300px;height:300px}.logoSection img{width:100%;height:100%}.logoSection p{font-size:1.2rem;color:gray;font-weight:500;margin-block:1rem;margin-bottom:2rem;text-align:center}.signingOptionsContainer{width:100%;margin:0 auto 20px;display:flex;justify-content:space-evenly;align-items:center;gap:10px;padding:10px;background-color:#3788fa;border-radius:10px;height:fit-content}.signingOptionsContainer .signinBtn,.signingOptionsContainer .signupBtn{flex-grow:1;padding:5px;border-radius:8px;letter-spacing:1px;font-size:1.1rem;background-color:transparent;font-weight:700;border:none;color:#fff;cursor:pointer;opacity:.5}.chosenAuthOption{flex-grow:1;padding:5px;padding-block:8px;border-radius:8px;letter-spacing:1px;font-size:1.1rem;background-color:var(--bg);color:#3788ff;font-weight:700;border:none;transition:background .3s linear;cursor:pointer;opacity:1}.continueContainer{display:flex;justify-content:center;align-items:center;padding:10px;margin-top:3rem}a{text-decoration:none;color:gray}.continueAG{margin-inline:auto;font-weight:500;cursor:pointer}@media(max-width:768px){.authPageMain{padding:30px 10px 10px;display:flex!important;flex-direction:column}.signingOptionsContainer{width:90%}.logoSection figure{width:100px;height:100px}}@media(min-width:768px){.authPageMain{padding:10px;width:100%;height:100vh;overflow:hidden;display:flex!important;justify-content:center;align-items:center;gap:100px}}.signingForm{width:500px;display:flex;flex-direction:column;gap:20px;padding:10px;margin:0 auto;position:relative}.signingForm .labelinputcontainer{width:100%;display:flex;flex-direction:column;gap:10px}.signingForm label{font-size:.9rem;font-weight:600}.signingForm .inputContainer{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;padding-block:5px;padding-inline:10px;background-color:#ededed;border-radius:10px;height:40px;position:relative}.signingForm .inputContainer .eye-span{cursor:pointer;position:absolute;top:17px;right:14px}.signingForm input{width:100%;height:40px;border:none;color:#000;font-size:1rem;background-color:transparent;outline:none}.signingForm .forgotPasswordP{width:fit-content;color:gray;font-weight:500;cursor:pointer}.signingForm .forgotPasswordP:hover{color:#00f}.signingForm .submitBtn{margin-top:1rem;height:50px;font-size:1.1rem;font-weight:600;letter-spacing:1px;border-radius:15px;border:1px solid blue;background-color:#3788ff;color:#fff;display:flex!important;justify-content:center;align-items:center;gap:10px;cursor:pointer}.signingForm .submitBtn svg{transform:translateY(3px)}.signingForm .submitBtnLoading{margin-top:3rem;height:50px;font-size:1rem;font-weight:600;letter-spacing:1;border-radius:15px;border:1px solid blue;background-color:transparent;color:#00f;display:flex;justify-content:center;align-items:center;gap:10px;cursor:not-allowed;opacity:.5}.signingForm .submitBtn:active{scale:.9;background-color:#00f;color:#fff}.labelinputcontainer{display:flex;flex-direction:column;gap:10px}.label{font-weight:600}.err-msg{color:red;text-align:center}.success-msg{color:green;text-align:center;font-weight:600}.forgotPasswordP:hover{color:#00f!important}.submitBtn:active{scale:09;background-color:#3788fa;color:#fff}.errMsg{color:var(--err-color);text-align:center;background-color:var(--err-bg);padding:10px;border:1px solid red;border-radius:8px;letter-spacing:1px}.successMsg{color:green;text-align:center;font-weight:600px;background-color:#0080002a;padding:10px;border:1px solid green;border-radius:8px;letter-spacing:1px}@media(max-width:768px){.signingForm{width:90%}.signingForm .inputContainer{height:50px}.signingForm input{font-size:1.1rem}.signingForm .submitBtn svg{transform:translateY(2px)}}@media(min-width:768px){.signingForm .inputContainer .eye-span{cursor:pointer;position:absolute;top:13px;right:14px}}.layout-main{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:start;align-items:flex-start;padding-bottom:10px;gap:15px;background-color:var(--bg);color:var(--text);padding-left:270px;padding-top:60px}.layout-main .layout-header{display:flex;justify-content:space-between;align-items:center;height:60px;width:100%;position:fixed;top:0;left:0;z-index:200;padding:10px 10px 5px;border-bottom:1px solid gray;margin:0;box-sizing:border-box;background-color:var(--bg);color:var(--text)}.layout-main .layout-header .app-logo{width:40px;height:40px;filter:drop-shadow(0 0 2px rgb(124,175,246))}.layout-main .layout-header figure{width:40px;height:40px;border-radius:50%}.layout-main .layout-header figure img{width:100%;height:100%;border-radius:50%;object-fit:cover}.layout-main .layout-header .feedback-profile-container{display:flex!important;justify-content:center;align-items:center;gap:15px}.layout-main .layout-header .feedback-profile-container .feedback-span{transform:translateY(3px)}.layout-main.scroll-off{overflow:hidden}.overlay{position:fixed;width:100vw;height:100vh;background-color:#000000a1;z-index:1000}@media(max-width:768px){.layout-main{padding-top:60px;padding-left:0;margin:0}.layout-main .layout-header .app-logo{width:30px;height:30px}}@media(min-width:768px){.layout-main{padding-left:270px;padding-top:60px}}.searchForm{display:flex;justify-content:center;align-items:center;padding:10px;gap:10px;flex-grow:1}.searchForm input{width:90%;height:40px;border-radius:10px;padding:10px;outline:none;border:none;background-color:transparent;color:var(--text);font-size:1.1rem}.searchForm input:focus{background-color:transparent}.searchForm input::placeholder{color:gray}.searchFormClosed{display:flex;justify-content:flex-end;align-items:center;padding:10px;gap:10px;flex-grow:1}.closeIconSpan{cursor:pointer;border:1px solid rgb(193,193,193);border-radius:50%;padding:10px;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.searchIconSpan{border:1px solid rgb(193,193,193);border-radius:50%;padding:10px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer}.postPageSection{width:100%;min-height:100vh;padding-top:10px;display:flex;flex-direction:column}.postPageSection .postImgFigure{min-width:100%;height:fit-content;margin-bottom:1rem;border-radius:5px}.postPageSection .postImgFigure img{width:100%;height:100%;max-height:400px;object-fit:cover;border-radius:5px}.content-section{flex-grow:1}.post-page-title{font-size:2rem;margin-left:10px;margin-bottom:20px;font-family:Poppins,system-ui,sans-serif}#post-page-title{margin-left:10px!important}.categoryContainer{padding:10px;margin-bottom:15px;display:flex;justify-content:start;align-items:center;text-align:center;gap:10px}.categoryContainer .bullet{font-size:1rem}.userContainer{padding:10px}.profileImgFigure{width:40px;height:40px;border-radius:50%;border:2px solid blue}.profileImgFigure img{width:100%;height:100%;border-radius:50%}.nameNUsernameContainer{display:flex;flex-direction:column;height:100%;gap:5px}.nameNUsernameContainer .name{font-weight:600;letter-spacing:1px}.nameNUsernameContainer .username{font-size:13px;color:gray;letter-spacing:1px}hr{margin-block:1rem;margin-inline:8px}.postContent{font-size:1.1rem;padding:10px;padding-bottom:3rem;font-family:Poppins,system-ui,sans-serif!important;word-spacing:3px;line-height:28px;max-width:100%!important;font-family:system-ui}.postContent h1,.postContent h2,.postContent h3,.postContent h4,.postContent h5,.postContent h6{margin-bottom:1.5rem}.postContent a{color:#00f;text-decoration:underline;font-weight:500}pre{max-width:100%;overflow-x:auto;margin-block:1rem;background-color:#636ab725;padding:5px;padding-block:10px;border-radius:5px}.commentsContainer{padding-left:20px;padding-bottom:5rem;display:flex;flex-direction:column;gap:20px}.commentsAndLikesContainer{display:flex;justify-content:space-between;align-items:center;padding:10px;margin-bottom:1rem}.commentsAndLikesContainer h2{font-size:1.2rem;font-weight:700}.iconsContainer{display:flex;justify-content:space-between;align-items:center;gap:10px}.post-page-likes,.post-page-comments{display:flex;justify-content:center;align-items:flex-end;gap:5px}.post-page-comments{fill:#3788fa}.post-page-comments path{fill:var(--text)}.post-page-comments:hover{fill:#3788fa}.post-page-comments:hover path{fill:#3788fa}.commentContainer{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:10px 10px 30px;position:relative}.commentContainer .commentHeart{position:absolute;bottom:0;right:15px;font-size:10px;display:flex;align-items:center;gap:5px}.CommentProfileImgFigure{width:25px;height:25px;border-radius:50%;border:2px solid blue}.CommentProfileImgFigure img{width:100%;height:100%;border-radius:50%}.nameAndCommentContainer{display:flex;flex-direction:column;gap:10px}.nameAndCommentContainer .nameAndDateContainer,.nameAndCommentContainer .commentAndMoreContainer{width:100%;display:flex;justify-content:space-between;height:100%;gap:5px;position:relative}:is(.nameAndCommentContainer .nameAndDateContainer,.nameAndCommentContainer .commentAndMoreContainer) .name{font-weight:500}:is(.nameAndCommentContainer .nameAndDateContainer,.nameAndCommentContainer .commentAndMoreContainer) .date{margin-top:5px;font-size:10px}.commentContent{width:100%;font-size:.9rem;font-family:Poppins,system-ui,sans-serif!important}.commentForm{width:100%;height:fit-content;display:flex;justify-content:space-between;align-items:center;padding:10px;gap:5px;border:1px solid rgb(63,63,199);border-radius:20px;background-color:var(--bg)}.commentForm input{width:90%;border-radius:8px;padding:10px;font-size:1.1rem;border:none;outline:none;height:40px;background-color:transparent;color:var(--text)}.commentForm button{display:flex;justify-content:center;align-items:center;border-radius:10px;border:none;background-image:linear-gradient(#85a8ff,#5676ff);width:5%;height:40px;padding:10px;color:#fff;font-size:1rem;cursor:pointer}.commentForm button:active{scale:.9}.commentForm button:disabled{scale:1}@media(max-width:768px){.post-page-title{font-size:2rem!important}.postPageSection{padding-inline:10px}.postContent{line-height:27px}.commentForm{width:100%;height:fit-content;display:flex;align-items:center;justify-content:center;padding:10px;gap:5px;border:1px solid rgb(63,63,199);border-radius:10px;background-color:var(--bg)}.commentForm textarea{width:90%;border-radius:8px;padding:10px;font-size:1.1rem;border:none;outline:none;height:30px;display:flex;justify-content:center;align-items:center}.commentForm button{display:flex;justify-content:center;align-items:center;border-radius:10px;border:none;background-image:linear-gradient(#85a8ff,#5676ff);width:15%;height:40px;padding:10px;color:#fff;font-size:1rem;cursor:pointer}.commentForm button:active{scale:.9}.commentForm button:disabled{scale:1}}@media(min-width:500px){.postPageSection{width:80%;margin-inline:auto}.postImgFigure{width:100%;height:fit-content;position:relative}.postImgFigure img{width:100%;max-height:400px;object-fit:cover}.postImgFigure .backArrow{position:absolute;top:10px;left:10px}}@media(max-width:500px){.postImgFigure{height:fit-content}.postImgFigure img{max-height:500px}}.profile-main{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:start;margin:0;padding:20px 0 0}.ProfilePageHeader{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px}.infoSection{width:80%;margin-inline:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.infoSection .upper-container{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.infoSection .upper-container figure{width:150px;height:150px;overflow:hidden;border-radius:50%;border:5px solid rgb(55,136,250)}.infoSection .upper-container figure img{width:100%;height:100%;object-fit:cover;cursor:pointer}.infoSection .upper-container .edit-profile-img-icon{width:30px;height:30px;border-radius:50%;position:absolute;bottom:10px;right:10px;background-color:var(--bg);display:flex;justify-content:center;align-items:center;cursor:pointer}.infoSection .upper-container .profile-img-input{position:absolute;left:-1000px}.infoSection .upper-container .profile-img-label{display:flex!important;justify-content:center;align-items:center;gap:10px;cursor:pointer}.infoSection .upper-container .img-menu{position:absolute;bottom:-100px;background-color:var(--bg);border:none;border-radius:8px;width:fit-content;height:0;overflow:auto;transform:scale(.5);transition:height .3s linear,transform .3s linear}.infoSection .upper-container .img-menu ul{display:flex;flex-direction:column;justify-content:center;align-items:start;padding:10px;width:fit-content;gap:10px}.infoSection .upper-container .img-menu ul li{white-space:nowrap;margin:0;padding:5px;border-radius:8px;width:100%;display:flex!important;justify-content:flex-start;align-items:center;gap:10px}.infoSection .upper-container .img-menu ul li:hover{background-color:var(--border)}.infoSection .upper-container .img-menu ul li.isDisabled{cursor:not-allowed;opacity:.5}.infoSection .upper-container .img-menu ul li.isDisabled:hover{background-color:transparent}.infoSection .upper-container .img-menu::-webkit-scrollbar{display:none}.infoSection .upper-container .img-menu.show{height:100px;border:1px solid var(--border);transform:scale(1);transition:height .3s linear,transform .3s linear}.infoSection .nameNUsernameContainer{display:flex!important;flex-direction:column;align-items:center;padding:10px}.infoSection .nameNUsernameContainer .fullname{text-align:center;font-size:1.5rem;font-weight:600}.infoSection .nameNUsernameContainer .username{text-align:center;font-size:1rem;letter-spacing:1px;color:#3788fa}.infoSection .descriptionContainer{display:flex;justify-content:center;align-items:center;width:100%;padding:10px;margin-bottom:1rem}.infoSection .descriptionContainer .descriptionText{text-align:center}.infoSection .editProfileBtn{width:50%;height:40px;display:flex!important;justify-content:space-evenly!important;align-items:center!important;background-color:#3788fa;border:none;border-radius:8px;color:#fff;margin-bottom:1rem;cursor:pointer;font-size:1.1rem}.infoSection .editProfileBtn:active{scale:.8}.recentStoriesSection{padding:10px;margin-top:2rem;display:flex;flex-direction:column;gap:30px;width:100%}.recentStoriesSection .postsContainer{display:flex;flex-direction:column;gap:40px;justify-content:center;align-items:center}.newPostMain{display:flex;flex-direction:column;padding:10px;gap:2rem;width:100%}.newPostHeader{width:100%;display:flex;justify-content:start;align-items:flex-start;padding:10px;gap:20px}.innerContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:80%;margin:0 auto}.titleNCategoryContainer{display:flex;flex-direction:column;padding:10px;border-radius:10px;box-shadow:0 0 4px var(--border);gap:20px}.titleNCategoryContainer .labelInputContainer{display:flex!important;flex-direction:column!important;gap:10px}.titleNCategoryContainer .labelInputContainer label{font-size:10px;color:gray}.titleNCategoryContainer .labelInputContainer input{height:40px;border:none;outline:none;font-size:1rem;background-color:var(--bg);color:var(--text)}.titleNCategoryContainer .labelInputContainer input#title{font-size:1.3rem;font-weight:500}.titleNCategoryContainer .labelInputContainer input#category:not(:focus){max-width:fit-content;font-weight:600;letter-spacing:1px;background-color:#adff2f;color:green;padding-inline:5px;padding-block:2px;border:1px solid green;border-radius:10px}.line{width:100%;height:1px;background-color:gray;border-radius:10px;margin-inline:auto}.contentContainer{display:flex;flex-direction:column;padding:10px;border-radius:10px;box-shadow:0 0 4px var(--border);gap:20px}.contentContainer .label-actions-container{width:100%;display:flex;justify-content:space-between;align-items:center;padding-right:20px}.contentContainer .label-actions-container .actionsContainer{display:flex;gap:5px}.contentContainer .label-actions-container .actionsContainer p{font-size:1.3rem;cursor:pointer;padding-inline:5px;border-radius:3px;display:grid;place-content:center}.contentContainer .label-actions-container .actionsContainer p:hover{background-color:#adadad76}.contentContainer label{font-size:10px;color:gray}.contentContainer textarea{height:40px;border:none;outline:none;font-size:1.2rem;min-height:200px;background-color:var(--bg);color:var(--text)}.addImageContainer{display:flex;height:250px}.addImageContainer label{width:100%;height:100%;margin-inline:auto;border:dashed 1px gray;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:gray;cursor:pointer}.addImageContainer input{position:absolute;left:-1000px}input[type=file]{position:absolute!important;left:-10000px!important;background-color:red}.buttonsContainer{width:100%;display:flex;justify-content:space-around;gap:10px}.buttonsContainer button{width:50%;height:40px;font-size:1.1rem;border-radius:8px;cursor:pointer}.buttonsContainer button:active{scale:.9}.buttonsContainer button.btn-loading{opacity:.5;scale:.9}.buttonsContainer .draftBtn{border:1px solid var(--border);background-color:var(--bg);display:flex;color:var(--text);align-items:center;justify-content:center}.buttonsContainer .publishBtn{display:flex;justify-content:space-evenly;align-items:center;background-color:#3788fa;border:none;color:#fff}.buttonsContainer .publishBtn:hover{background-color:#3788facc}@media(max-width:768px){.newPostMain,.innerContainer,.titleNCategoryContainer,.addImageContainer,.contentContainer{width:100%}}@media(min-width:768px){.titleNCategoryContainer,.addImageContainer,.contentContainer{width:100%}}*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui}.LSpostContainer{min-width:100%;display:flex;flex-direction:column;gap:10px;align-items:flex-start;box-shadow:0 0 2px var(--text);border-radius:8px;background-color:var(--bg)}.LSupper-layer{display:grid;grid-template-columns:100px 1fr;gap:10px;padding:5px}.LSupper-layer .LSimg-section{width:100px;padding:5px;display:flex;justify-content:center;align-items:center}.LSupper-layer-no-img{display:flex;width:100%}.LSimageFigure{width:100%;height:100px;border-radius:5px;overflow:hidden}.LSimageFigure img{width:100%;height:100%;object-fit:fill;border-radius:5px;transition:transform .3s linear}.LSpostContainer:hover .LSpost-image{transform:scale(1.03)}.LStextContainer{width:100%;padding:10px;display:flex;flex-direction:column;gap:15px;align-items:flex-start}.LSdetailsContainer{margin-inline:auto;width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:10px;text-align:center}.LScategory{font-weight:600;font-size:12px;letter-spacing:1px;background-color:#adff2f;color:green;padding-inline:5px;padding-block:2px;border:1px solid green;border-radius:5px}.LSdate{font-size:12px;color:var(--text)}.LStitle{font-weight:600;font-size:1.2rem;color:var(--text)}.LSbodyAbbreviation{color:gray}.LSbottomContainer{display:flex;justify-content:space-between;width:100%;padding:10px!important}.LSuserContainer{display:flex;gap:10px}.LSprofileImgFigure{width:40px;height:40px;border-radius:50%;border:1px solid var(--primary)}.LSprofileImgFigure img{width:100%;height:100%;border-radius:50%}.LSnameNUsernameContainer{display:flex;flex-direction:column;height:100%;gap:5px}.LSnameNUsernameContainer .LSname{font-weight:600;color:var(--text)}.LSnameNUsernameContainer .LSusername{font-size:10px;color:var(--text)}.LSintractionContainer{display:flex;justify-content:center;align-items:center;gap:20px;color:var(--text)}.LSlikes,.LScomments,.LSbookmark{display:flex;justify-content:center;align-items:flex-end;gap:5px}.LSlikes path{stroke:var(--text)}.LSlikes:hover path{fill:#ff4d6d;stroke:none}.LScomments,.LSbookmark{fill:#3788fa}:is(.LScomments,.LSbookmark) path{fill:var(--text)}.LScomments:hover{fill:#3788fa}.LScomments:hover path{fill:#3788fa}.LScompact--postContainer{min-width:100%;height:fit-content;max-width:100px;cursor:pointer;gap:0}.LScompact--postContainer a{width:100%!important;max-height:200px}@media(min-width:700px){.LScompact--postContainer a{width:fit-content;max-height:200px}}.LScompact--postContainer .LSimageFigure{width:100%;height:100px;border-top-left-radius:8px;border-top-right-radius:8px}.LScompact--postContainer .LSimageFigure img{width:100%;height:100%;object-fit:cover;border-top-left-radius:8px;border-top-right-radius:8px}.LScompact--postContainer .LStextContainer{padding:5px;display:flex;flex-direction:column;gap:0;align-items:flex-start}.LScompact--postContainer .LSdetailsContainer{width:100%;display:flex;justify-content:center;align-items:center}.LScompact--postContainer .LSdetailsContainer .LScategory--date{display:flex;justify-content:space-around;align-items:center;gap:5px;white-space:nowrap}.LScompact--postContainer .LScategory{font-weight:600;font-size:.6rem;letter-spacing:1px;background-color:#adff2f;color:green;padding-inline:5px;padding-block:2px;border:1px solid green;border-radius:5px}.LScompact--postContainer .LSdate{font-size:.6rem;white-space:nowrap}.LScompact--postContainer .LStitle{font-weight:600;font-size:1rem;color:#00b3fa;width:90%;text-align:left;margin:0;margin-bottom:.5rem}.LScompact--postContainer .LSbodyAbbreviation{color:gray;font-size:.8rem;width:90%;text-align:left}.LScompact--postContainer .LSbottomContainer{display:flex;justify-content:space-between;width:100%;padding:5px 5px 5px 0;margin:0;border-top:1px solid gray}.LScompact--postContainer .LSuserContainer{display:flex;gap:5px;margin:0}.LScompact--postContainer .LSprofileImgFigure{width:20px;height:20px;border-radius:50%;border:1px solid var(--primary);margin:0}.LScompact--postContainer .LSprofileImgFigure img{width:100%;height:100%;border-radius:50%}.LScompact--postContainer .LSnameNUsernameContainer{display:flex;flex-direction:column;justify-content:center;height:100%;gap:5px}.LScompact--postContainer .LSnameNUsernameContainer .LSname{font-weight:600;font-size:.6rem;white-space:nowrap}.LScompact--postContainer .LSnameNUsernameContainer .LSusername{display:none}.LScompact--postContainer .LSintractionContainer{display:flex;justify-content:center;align-items:center;gap:5px}.LScompact--postContainer .LSlikes,.LScompact--postContainer .LScomments{display:flex;justify-content:center;align-items:center;font-size:.6rem;gap:5px}.LSfull--postContainer{overflow:hidden}@media(min-width:400px){.LSimageFigure{width:100%;height:200px;border-top-left-radius:8px;border-top-right-radius:8px}.LSimageFigure img{width:100%;height:100%;object-fit:cover;border-top-left-radius:8px;border-top-right-radius:8px}}@media(max-width:768px){.LSfull--postContainer{width:390px;height:initial;margin-inline:auto}}@media(min-width:768px){.LSfull--postContainer{width:450px;height:initial}.LSpostContainer:hover .LStitle{color:#3788fa}}@media(min-width:978px){.LSfull--postContainer{width:700px;height:initial}.LSfull--postContainer .LSpostContainer:hover .LStitle{color:#3788fa}}.resultsContainer{flex-grow:1;min-height:100%;max-height:100%;display:flex;flex-direction:column;padding:10px}.defaultText{font-size:1.2rem;text-align:center;color:gray}