body,html{width:100%;font-family:Arial,Helvetica,sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}#root{width:100%;min-height:100vh}body{min-height:100vh}html{scrollbar-gutter:stable;scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-text-color:#7854cd;--secondary-text-color:#414141;--accent-color:#1d71bb;--accent-color1:#205d93}.container1{max-width:1120px;margin-inline:auto;overflow:hidden}.flex{align-items:center;display:flex}h1{color:var(--accent-color);font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:2.3rem}h2{color:#0a820a;font-family:Arial,Helvetica,sans-serif;font-size:medium}p{color:var(--secondary-text-color);font-family:Ubuntu;font-size:1.23rem;font-weight:700}a{cursor:pointer;text-decoration:none}.bttn1{background-color:var(--accent-color1);color:#fff;border-radius:4px;padding:10px;font-size:medium;font-weight:600}.bttn2{cursor:pointer;background:0 0;border:none;flex-wrap:wrap;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:large;font-weight:700}.bttn2-div{cursor:pointer;background-color:#f0c02f;border-radius:4px;flex-wrap:wrap;justify-content:center;align-items:center;width:180px;min-height:50px;display:flex}.click{color:var(--primary-text-color);background:0 0;border:none;border-radius:20px;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:xx-large;font-weight:600}.btn:hover{cursor:pointer}.bttn1:hover{cursor:pointer;transform:scale(1.1)}.dateFont{color:#777;font-size:x-small}.navbar1{background-color:var(--accent-color);z-index:9999;justify-content:space-around;width:100vw;height:80px;margin-bottom:80px;position:fixed;top:0}.nav-article{justify-content:space-between;min-width:500px;display:flex}.imagesection{align-items:center;width:200px;height:50px;display:flex}.nav-img{filter:invert(200%);width:60px;height:50px}.links{width:240px}.label{color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:medium;font-weight:600}li{color:#fff;font-weight:700}.contain{flex-direction:column;display:flex}#hero{width:90%;padding:15px}#hero h2{text-indent:10px}.searchSection{background-color:#cdcdcd8a;justify-content:center;align-items:center;gap:20px;width:100vw;height:fit-content;margin-top:80px;padding:5px;display:flex;position:absolute;left:0;box-shadow:0 0 3px #494949}#searchBar{text-indent:15px;color:#000;opacity:.6;border:1px solid #9b9a9a;border-radius:5px;width:450px;height:40px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:medium;transition:opacity .5s linear,border .5s linear}#searchBar:focus{opacity:.8;border:1px solid #6c6c6c;outline:none}.searchBtn,.backBtn:hover{cursor:pointer}.searchBtn{border:1px solid var(--accent-color);width:80px;height:35px;color:var(--accent-color);background-color:#fff;border-radius:4px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:medium;font-weight:600}.backBtn{background:0 0;border:1px solid #fff;border-radius:5px;justify-content:center;align-items:center;gap:10px;width:200px;height:40px;margin-inline:auto;font-family:Arial,Helvetica,sans-serif;font-size:large;display:flex;position:relative;top:200px}.backBtn1{width:30px;height:30px}.backBtn:hover{outline:1px solid #414141c7}.listForm{border-radius:8px;flex-direction:column;justify-content:space-between;width:900px;height:240px;margin-top:250px;padding:20px;box-shadow:0 0 4px #464646ae}.homePost{height:150px;width:inherit;display:flex}.homePostt{text-indent:10px;letter-spacing:2px;color:#373737;opacity:.7;white-space:pre-wrap;overflow-wrap:break-word;border:none;width:680px;height:130px;margin-left:20px;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:x-large}.homePostt:focus{opacity:1;color:#000;outline:none}.imgcontainer{border-left:2px dotted #789b;flex-direction:column;justify-content:space-evenly;align-items:end;width:fit-content;height:140px;padding:10px;display:flex}.file-upload{color:gray;white-space:normal;word-break:break-word;max-width:250px;height:fit-content;font-family:Arial,Helvetica,sans-serif;font-size:medium;font-weight:600}.plusimg{opacity:.8;filter:grayscale(50%);width:80px;height:80px;transition:opacity .2s ease-in}.plusimg:hover{cursor:pointer;opacity:1}.deletebtn{cursor:pointer;opacity:0;background:0 0;border:none;padding:2px;transition:opacity .3s}.bin{width:35px;height:35px}.container2:hover .deletebtn,.container2:focus .deletebtn,.container2:active .deletebtn{opacity:1}.btn{background-color:var(--accent-color);color:#fff;border:none;border-radius:4px;width:250px;padding:14px;font-size:medium;font-weight:600;transition:background-color .3s}.btn:hover{background-color:var(--accent-color1)}.btn2{background-color:var(--accent-color);color:#fff;border:2px solid #fff;border-radius:5px;width:100px;height:50px;padding:10px;font-family:Arial,Helvetica,sans-serif;font-size:medium;font-weight:600;transition:box-shadow .3s}.btn2:hover{opacity:.8;cursor:pointer;box-shadow:0 0 5px #fff}.btn2:active{box-shadow:0 0 5px #fff}.answersMain{margin-top:6rem}.answers{flex-direction:column;gap:40px;padding:20px;display:flex}.pagination{justify-content:center;align-items:center;gap:20px;margin:20px 0;display:flex}.btnP{background-color:var(--accent-color);color:#fff;border:none;border-radius:4px;width:fit-content;padding:10px 25px;font-size:medium;transition:background-color .3s}.btnP:hover{background-color:var(--accent-color1)}.container2{border-radius:15px;transition:box-shadow .2s linear;display:flex;box-shadow:0 6px 10px -5px #6e6e6e}.container2:hover{box-shadow:2px 2px 3px 2px gray}.impPost1{width:400px;height:300px;margin:10px 0}.imgpost{height:inherit;width:inherit;border:1px solid #bebebe;border-radius:14px}.profile{background-image:url(../src//components//images//bg1.jpg);background-repeat:no-repeat;background-size:cover;flex-direction:column;align-items:center;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.profilepic{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;width:600px;min-height:500px;margin-top:50px;padding:30px 40px;box-shadow:0 4px 15px #80808075}.profilepic>strong{color:#5a5a5a;letter-spacing:1px;height:100px;padding:10px;font-family:Arial,Helvetica,sans-serif;font-size:14px;display:block}.profilepic p{color:var(--accent-color);text-transform:capitalize;text-align:center;background-color:#fff;border-radius:10px;height:40px;padding:10px;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:medium;font-weight:600}.profilepic p:last-child{border-bottom:none}#commentSection{align-items:center;margin-top:20px;display:flex}.replybox{scrollbar-width:none;scroll-behavior:smooth;flex-direction:column;max-height:100px;margin-top:10px;display:flex;overflow-y:scroll}.replies{letter-spacing:.5px;color:var(--accent-color);padding:2px 0;font-family:cursive;font-size:small;font-weight:500}.replyTag{color:#fff;background-color:var(--accent-color);border-radius:2px;margin-right:5px;padding:2px;font-family:Times New Roman,Times,serif;font-weight:bolder}.replyInp1{color:#777;opacity:.8;text-indent:5px;border:none;width:fit-content;height:30px;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:small;font-weight:600;transition:width .3s ease-in}.replyInp1:focus{opacity:1;color:#383838;border-bottom:1px solid #a9a9a988;outline:none;min-width:300px}.replyBtn{filter:grayscale();opacity:.2;width:15px;height:12px;transition:all .2s}.replyBtn:hover{opacity:.7;filter:none;cursor:pointer}.replyBtn:active{opacity:.7;filter:none}.replyInp{margin-top:25px}.burger-btn{cursor:pointer;background:0 0;border:none;padding:5px}.dateFont{color:#0f172a;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.dropdown{z-index:1000;background:#fff;border-radius:8px;flex-direction:column;display:flex;position:absolute;top:50px;box-shadow:0 4px 8px #0003}.drop-item{color:var(--accent-color);text-align:left;cursor:pointer;background:0 0;border:none;padding:10px 20px;font-size:16px}.drop-item:hover,.drop-item:active{background:var(--accent-color);color:#fff}.signup{scroll-behavior:smooth;background-image:url(/assets/bg-DHlIwg0j.jpg);flex-direction:column;justify-content:center;height:auto;min-height:100vh}.signForm{flex-direction:column;justify-content:center;gap:20px;width:700px;height:600px}.signForm>input{text-indent:10px;width:500px;height:40px;color:var(--accent-color);border:2px solid gray;border-radius:2px;font-family:Verdana,Geneva,Tahoma,sans-serif}.signForm>input:focus,.signForm>textarea:focus{color:var(--accent-color);outline:none}.signForm>textarea{text-indent:10px;border:2px solid gray;border-radius:2px;width:500px;height:100px;padding:10px;font-family:Verdana,Geneva,Tahoma,sans-serif}.btn3{background-color:var(--accent-color);color:#fff;border:2px solid var(--accent-color);border-radius:5px;width:500px;height:50px;padding:10px;font-size:medium;font-weight:600}.btn4{color:#fff;letter-spacing:2px;background-color:#171616ea;border:2px solid #282727;border-radius:4px;width:150px;height:50px;padding:10px;font-size:medium;font-weight:600}.btn4:hover,.btn3:hover{cursor:pointer}#login{background-image:url(/assets/bg-DHlIwg0j.jpg);justify-content:center;align-items:center;height:auto;min-height:100vh;display:flex}.login{flex-direction:column;justify-content:center;gap:20px;width:900px;height:600px;position:relative}.login>input{text-indent:10px;border:2px solid gray;border-radius:2px;width:500px;height:40px;font-family:Verdana,Geneva,Tahoma,sans-serif}.login>input:focus{color:var(--accent-color);outline:none}.profile-container{background:#0f172a;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.modern-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff14;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:500px;padding:28px;transition:all .3s;box-shadow:0 8px 30px #0000004d}.modern-card:hover{transform:translateY(-4px)}.card-top{align-items:center;gap:18px;margin-bottom:24px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;font-weight:700;display:flex}.card-top h2{margin:0;font-size:26px}.card-top p{color:#cbd5e1;margin-top:4px}.bio-box{color:#e2e8f0;background:#ffffff0f;border-radius:14px;align-items:center;gap:10px;margin-bottom:22px;padding:14px;display:flex}.bio-box>p{color:var(--primary-text-color);letter-spacing:2px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:x-large;font-weight:400}.profile-details{flex-direction:column;gap:14px;display:flex}.detail-item{background:#ffffff0d;border-radius:14px;align-items:flex-start;gap:14px;padding:14px;transition:all .3s;display:flex}.detail-item:hover{background:#ffffff1a}.detail-item small{color:#94a3b8;font-size:12px}.detail-item p{color:var(--primary-text-color);letter-spacing:2px;word-break:break-word;margin-top:4px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:15px;font-weight:500}#reset{background-image:url(/assets/bg-DHlIwg0j.jpg);background-position:50%;height:auto;min-height:100vh}.reset{flex-direction:column;justify-content:center;gap:20px;width:700px;height:600px;margin-inline:auto}.reset>input{text-indent:10px;border:none;border-bottom:2px solid gray;width:500px;height:40px}.reset>input:focus{border-bottom:2px solid var(--accent-color);color:var(--accent-color);outline:none}.resetBtn{position:absolute;bottom:0}.resetBtn:hover,.resetBtn:active{color:var(--accent-color);cursor:pointer}.footer{color:#fff;background-color:#111827;width:100%;margin-top:40px;padding:20px 0}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;width:90%;margin:auto;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;display:flex}.footer-logo h3{color:var(--accent-color1);margin:0;font-size:1.4rem}.footer-logo p{color:#c8cbd1;margin-top:5px;font-family:sans-serif;font-size:.7rem}.footer-links{gap:20px;display:flex}.footer-links a{color:#fff;text-decoration:none;transition:all .3s}.footer-links a:hover{color:#60a5fa}.footer-copy p{color:#d1d5db;margin:0;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:.9rem}@media screen and (width<=768px){h1{text-align:center;font-size:1.8rem}.footer-container{text-align:center;flex-direction:column}.bin{width:25px;height:25px}p{font-size:1rem}.dropdown{top:80px}#reset{background-image:url(./components//images/bg.jpg);height:100vh}.reset{background:0 0;width:90%;max-width:100%;margin-top:0}.reset>input{width:90%;max-width:100%}.resetBtn{font-family:Arial,Helvetica,sans-serif;font-size:small;right:20px}.signup,.login,.signForm{flex-direction:column;align-items:center;width:100%;padding:10px}.nav-article{align-items:center}.signup{background-image:url(./components//images/bg.jpg);background-size:cover}.signForm,.login{width:90%;max-width:100%}.signForm>input,.signForm>textarea,.login>input,.btn3{width:100%}.profile.container1{flex-direction:column;align-items:center;margin-top:100px;padding:20px}.profilepic{width:90%;padding:20px}.navbar1{text-align:center;height:200px;margin-bottom:0;padding:10px 0;position:relative}.nav-article{height:inherit;flex-direction:column;justify-content:center;min-width:fit-content}.nav-ul{height:inherit;flex-direction:column;gap:4px;display:flex}.imagesection{flex-direction:row;width:fit-content;margin-bottom:10px;margin-left:0}.listForm{justify-content:space-around;align-items:center;gap:4px;width:90%;max-width:100%;min-height:15rem;margin-top:50px;padding:0}.links{width:auto}.btn,.bttn1{width:100%;max-width:300px;margin:10px 0}.btn{margin:0}.bttn2-div{width:150px;height:80px}.answers{gap:20px;padding:10px}.answersMain{margin-top:3rem}.profile.container1{background-position:50%;background-size:cover;height:100vh;margin:0}.profilepic p{font-size:medium}.impPost1{width:200px;height:150px}.imgpost{height:inherit;width:inherit}.dateFont{font-size:xx-small}.homePost{width:320px;height:400px;min-height:100px;font-size:1rem}.homePostt{width:230px;height:auto;margin:0;font-size:small;font-weight:700}.imgcontainer{padding:5px}.replyInp1{font-size:small}.replies{font-size:xx-small}.plusimg{width:50px;height:50px}.click{font-size:x-large}.file-upload{white-space:normal;word-break:break-word;max-width:200px;height:fit-content;font-size:small;display:inline-block}.nav-img{width:50px;height:40px}.searchSection{width:100vw;margin-top:0;position:relative}#searchBar{width:260px;height:40px;font-size:medium}#searchBar:focus{opacity:1}.searchBtn:hover{cursor:pointer}.searchBtn{width:70px;height:40px;font-size:small;font-weight:600}.backBtn{position:relative;top:10px}}