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