body{background-image:url(/assets/rbg-2HKXO5Jz.png);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;font-family:Poppins}html,body,#root{margin:0;padding:0}#hero{width:100%;display:flex;padding-top:2rem;padding-bottom:7rem}@media (min-width: 1025px){#hero{padding-bottom:1rem}}#hero #left{width:30%;height:100%;margin-top:2%;margin-left:5%;padding-bottom:5%}#hero #left #txt1{font-size:14px}#hero #left #txt2{font-size:2rem;margin-top:-.5rem;line-height:1.2;padding:0}#hero #left #txt3{font-size:13px;margin-top:-1rem;width:10rem;text-align:start}@media (min-width: 1025px){#hero #left{margin-left:9%}#hero #left #txt1{padding-top:6rem;padding-bottom:1rem}#hero #left #txt3{width:25rem;font-size:16px}}@media (max-width: 1024px){#hero #left #txt1{padding-top:6rem}#hero #left #txt3{width:20rem}}@media (max-width: 768px){#hero #left #txt1{padding-top:0}#hero #left #txt3{width:16rem}}@media (max-width: 620px){#hero #left #txt1{padding-top:0}#hero #left #txt3{width:15rem}}@media (max-width: 560px){#hero #left #txt3{width:12rem}}@media (max-width: 460px){#hero #left #txt3{width:10rem}}#hero #left #sub{width:10rem;height:3rem;border:none;border-radius:1.563rem;margin-top:1rem;background-color:red;font-family:Poppins;margin-left:-.5rem;cursor:pointer}#hero #left #sub:hover{background-color:#000;color:red}#hero #right{width:70%;height:100%;text-align:center;align-items:center;align-content:center}#hero #right #background{margin-left:-2rem;margin-top:8rem;width:100%;object-fit:cover}#hero #right #img1{width:25%;left:40%;position:absolute;top:30%;animation:float 5s ease-in-out infinite}#hero #right #img2{width:38%;left:51%;position:absolute;top:23%;animation:float 4s ease-in-out infinite}#hero #right #img3{width:25%;left:75%;position:absolute;top:32%;animation:float 3s ease-in-out infinite}@media (min-width: 1025px){#hero #right #background{margin-left:-10rem;margin-top:3rem}#hero #right #img1{width:20%;left:45%;top:32%}#hero #right #img2{width:28%;left:56%;top:15%}#hero #right #img3{width:20%;left:76%;top:32%}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-.625rem)}to{transform:translateY(0)}}#about{width:100%;padding-top:3rem;padding-bottom:3rem;display:flex;background-color:#222}#about #left{width:60%;text-align:center}#about #left #txt1{font-size:1.5rem;color:#fff;margin:0;padding:0}@media (min-width: 1025px){#about #left #txt1{margin-top:10%}}@media (max-width: 1024px){#about #left #txt1{margin-top:10%}}@media (max-width: 760px){#about #left #txt1{margin-top:0}}#about #left #txt2{color:#fff;font-size:.65rem;width:90%;text-align:start;margin:0 auto;margin-left:1.5rem;margin-top:.5rem}@media (min-width: 1025px){#about #left #txt2{font-size:100%}}@media (max-width: 1024px){#about #left #txt2{font-size:80%}}@media (max-width: 600px){#about #left #txt2{font-size:.65rem}}#about #right iframe{margin-left:1rem}#about #right{width:50%;height:100%;text-align:center;align-items:center;align-content:center;align-self:center;padding-right:2rem}#about #right iframe{width:100%;max-width:620px;height:auto;aspect-ratio:16 / 9}#features{width:100%;padding:2rem 0;background-color:#fff;display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}#features .card{flex:0 1 18rem;height:30rem;text-align:center;margin:0 auto;transition:transform ease-in-out .1s;max-width:18rem}@media (min-width: 1025px){#features{justify-content:space-between}#features .card{flex:0 0 calc(50% - 1rem);max-width:calc(50% - 1rem)}}@media (min-width: 1248px){#features{padding-top:4rem;justify-content:center}#features .card{flex:0 1 18rem;max-width:18rem}}@media (max-width: 1024px){#features{justify-content:space-between}#features .card{flex:0 0 calc(50% - 1rem);max-width:calc(50% - 1rem)}}@media (max-width: 720px){#features{display:block;gap:2rem}#features .card{flex:0 1 100%;max-width:80%}}#features .card:hover{transform:scale(1.1);cursor:pointer}#features .card img{width:18rem}#features .card .title{font-size:2rem;margin:1rem}#features .card .txt{text-align:left;width:15rem;margin:0 auto}#footer{width:100%;background-color:#222;display:flex}#footer #left{width:45%;display:flex;justify-content:space-around;align-items:flex-end}#footer #left img{max-width:30%;height:auto}@media (min-width: 1200px){#footer #left img{max-width:25%;height:auto}}@media (min-width: 1500px){#footer #left img{max-width:22%;height:auto}}#footer #left #img8,#img9,#img10{position:absolute}#footer #left #img8{width:28%;margin-top:5%;left:-5%;z-index:9999}#footer #left #img9{width:38%;margin-top:-5%;left:12%}#footer #left #img10{width:28%;margin-top:5%;left:29%}@media (min-width: 1200px){#footer #left #img8{width:28%;margin-top:5%;left:-5%}#footer #left #img9{width:38%;margin-top:-5%;left:12%}#footer #left #img10{width:28%;margin-top:5%;left:25%}}@media (min-width: 1600px){#footer #left #img8{width:28%;margin-top:5%;left:-5%}#footer #left #img9{width:38%;margin-top:-5%;left:12%}#footer #left #img10{width:28%;margin-top:5%;left:23%}}#footer #right{width:60%;height:60%;text-align:center;align-items:center;align-content:center}#footer #right #banner{width:70%;height:3rem;margin-top:1rem;margin-left:20%;border-radius:.625rem;background-color:#fff;display:flex;text-align:center;align-items:center;align-content:center}#footer #right #banner img{width:14%;margin-left:4%;padding-right:4%}@media (min-width: 1025px){#footer #right #banner img{width:10%}#footer #right #banner{height:5rem;margin-left:23%}}@media (min-width: 1200px){#footer #right #banner img{width:8%}}@media (min-width: 1500px){#footer #right{padding-top:1rem}#footer #right #banner img{width:10%}#footer #right #banner{width:80%;height:6rem;margin-left:10%}}#footer #right #banner p{font-size:.8rem;width:70%;font-family:Roboto}@media (min-width: 594px){#footer #right #banner p{font-size:100%;width:100%;padding-right:1.5rem}}@media (min-width: 1024px){#footer #right #banner p{font-size:1.5rem;width:100%;padding-right:1.5rem}}@media (min-width: 1500px){#footer #right #banner p{font-size:2rem;width:100%;padding-right:1.5rem}}#footer #right #banner a:link{color:red}#footer #right #banner a:visited{color:#b4001e}#footer #right #socials{width:50%;height:4rem;margin:0 auto;margin-top:0rem;margin-left:35%;text-align:center;display:flex;align-items:center;justify-content:center;gap:0rem}#footer #right #socials img:hover{cursor:pointer;transform:scale(1.1)}#footer #right #socials img{transition:transform ease-in-out .1s;padding-bottom:.5rem}#footer #right #socials #img11{width:25%;margin-right:-26%}#footer #right #socials #img12{width:82%}#footer #right #socials #img13{width:30%;margin-left:-28%;margin-top:.2rem}#footer #right #socials #img14{width:54%;margin-top:.2rem;border-radius:50%;margin-left:-12%}@media (min-width: 1025px){#footer #right #socials #img11{width:20%;margin-right:-18%}#footer #right #socials #img12{width:66%}#footer #right #socials #img13{margin-left:-19%;width:24%}#footer #right #socials #img14{width:42%;margin-left:-7%}#footer #right #socials{padding-top:1.5rem;padding-bottom:1.5rem}}@media (min-width: 1200px){#footer #right #socials #img11{width:18%;margin-right:-15%}#footer #right #socials #img12{width:57%}#footer #right #socials #img13{margin-left:-16%;width:21%}#footer #right #socials #img14{width:38%;margin-left:-8%}#footer #right #socials{padding-top:1.5rem;padding-bottom:1.5rem}}@media (min-width: 1500px){#footer #right #socials{margin-left:25%}#footer #right #socials #img11{width:14%;margin-right:-10%}#footer #right #socials #img12{width:48%}#footer #right #socials #img13{margin-left:-12%;width:17%}#footer #right #socials #img14{width:30%;margin-left:-3%}#footer #right #socials{padding-top:1.5rem;padding-bottom:1.5rem}}@media (max-width: 1024px){#footer #right #socials #img11{width:20%;margin-right:-18%}#footer #right #socials #img12{width:66%}#footer #right #socials #img13{margin-left:-19%;width:24%}#footer #right #socials #img14{width:42%;margin-left:-7%}#footer #right #socials{padding-top:1.5rem;padding-bottom:1.5rem}}@media (max-width: 768px){#footer #right #socials{padding-top:.5rem;padding-bottom:.2rem}}html{font-size:16px}body{background-image:url(/assets/rbg-2HKXO5Jz.png);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;font-family:Poppins}#top{display:flex}#top #logocontainer{width:30%;text-align:center;height:5rem}#logo{width:3rem;margin-left:1.5rem;margin-top:1rem;transition:transform ease-in-out .2s}@media (min-width: 768px){#logo{scale:1.1}}@media (min-width: 1024px){#logo{scale:1.5;padding-top:1rem}}#navbar{width:70%;height:3rem;margin-top:1.8rem;margin-left:1%;display:flex;justify-content:flex-end;align-items:center}@media (min-width: 2000px){#navbar{padding-left:50%}}@media (min-width: 1025px){#navbar{padding-left:40%}}@media (max-width: 1024px){#navbar{padding-left:30%}}@media (max-width: 768px){#navbar{padding-left:0%}}@media (max-width: 600px){#navbar{padding-right:1rem}}@media (min-width: 380px){#navbar{width:80%;padding-right:7%}}#navbar a{font-size:.5rem;font-family:Poppins;margin:0 1rem;color:#000;text-decoration:none;white-space:nowrap;transition:transform ease-in-out .1s}#navbar a:hover{color:red;transform:scale(1.1);cursor:pointer}@media (max-width: 1024px){#navbar a{font-size:88%}}@media (max-width: 768px){#navbar a{font-size:80%}}@media (max-width: 600px){#navbar a{font-size:70%}}@media (max-width: 453px){#navbar a{font-size:.5rem}}@media (max-width: 400px){#navbar a{font-size:.5rem}}@media (min-width: 1025px){#navbar a{font-size:100%;width:50%}}#top #logo:hover{transform:scale(1.1);cursor:pointer}#top #log-in{width:10%;height:4rem;text-align:center;align-items:center;align-content:center}#top #log-in a{color:red!important}#top #log-in a:hover{color:#550f0f!important}#top #log-in img{width:3rem;height:3rem;border-radius:50%;object-fit:cover;object-position:center}#top #log-in img:hover{scale:1.1;transition:ease-in-out .2s;cursor:pointer}@media (min-width: 600px){#top #log-in img{width:4rem;height:4rem;scale:1.1;margin-left:1rem}}@media (min-width: 1025px){#spacing{padding-right:1rem}}#spacing{padding-right:.5rem}#details-section{margin:0 auto;width:100%;padding-bottom:2rem;text-align:center;font-family:Poppins,sans-serif;display:flex;flex-direction:column;overflow:auto}#details-section h3{font-size:2.5rem;margin-top:1rem}#details-section #txt{width:90%;margin:0 auto;margin-top:-2rem;font-size:12px}#details-section #card-section{width:80%;margin:0 auto;padding-top:1rem;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}#details-section #card-section .card{width:calc(33.333% - 2rem);height:5%;background-color:#000;border-radius:.625rem;background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:scroll;border:.063rem solid rgb(241,241,241);font-family:Poppins;transition:transform .2s ease-in-out;display:flex;flex-direction:column;justify-content:flex-end}@media (min-width: 1025px){#details-section #card-section .card{width:25%}}@media (max-width: 1024px){#details-section #card-section .card{width:35%}}@media (max-width: 768px){#details-section #card-section .card{width:100%}}#details-section #card-section .card:hover{transform:scale(1.06);cursor:pointer}#details-section #card-section .card .bottom{width:100%;height:5rem;margin-top:45%;background-color:#fff;text-align:center;align-items:center;border-bottom:.063rem solid rgb(241,241,241);border-bottom-left-radius:.625rem;border-bottom-right-radius:.625rem}#details-section #card-section .card .bottom #txt1{font-size:1.25rem;margin-top:.5rem}#details-section #card-section .card .bottom #txt2{margin:0;margin-top:-.5rem;padding:0;line-height:0;font-size:.75rem;color:#9e9e9e}#loader{display:flex;justify-content:center;align-items:center;width:3rem;height:3rem;padding-top:10rem;margin:0 auto}#winner-section{margin:0 auto;width:100%;text-align:center;align-items:center;align-self:center;align-content:center}#winner-section h3{font-size:2.5rem}#winner-section #txt{margin-top:-1rem;line-height:0}#winner-section #txt2{margin-top:.4rem;padding-bottom:1rem}#winner-section #red{color:red;font-weight:700}#winner-section #top3{width:90%;padding-bottom:7rem;margin:0 auto;display:flex}#winner-section #top3 img{width:6rem;height:6rem;border-radius:50%}@media (min-width: 1025px){#winner-section #top3 img{width:11rem;height:11rem}}@media (max-width: 1024px){#winner-section #top3 img{width:9rem;height:9rem}}@media (max-width: 700px){#winner-section #top3 img{width:6rem;height:6rem}}#winner-section #top3 #second{width:33.3%;filter:drop-shadow(0 0 .75rem rgb(119,119,119))}#winner-section #top3 #first{width:33.3%;filter:drop-shadow(0 0 .75rem rgb(255,217,0))}#winner-section #top3 #third{width:33.3%;filter:drop-shadow(0 0 .75rem rgb(162,65,0))}#winner-section #details{width:100%;margin:0 auto;margin-top:-4rem}#winner-section #details table{width:60%;margin:0 auto;padding-bottom:2rem}@media (max-width: 1024px){#winner-section #details table{width:80%}}#winner-section #details th,td{border-bottom:.063rem solid #e5e5e5}#winner-section #details td{padding:.5rem}#winner-section #details tr:nth-child(2n){background-color:#f2f2f2}#winner-section #details tr:hover{background-color:red;color:#fff;cursor:pointer}#details{margin:0 auto;width:100%;height:30rem;text-align:center}#details h3{font-size:2.1rem;margin-bottom:.5rem}#details #txt1{margin:0 auto;padding-bottom:.5rem}#details #txt{width:90%;font-size:.8rem;margin:0 auto}#details #image-section{width:100%;padding-bottom:3rem;margin-top:2rem}#details #image-section img{width:80%}#loginmain{display:flex;width:98%;margin-top:16vh;text-align:center;align-items:center;justify-content:center}#loginleft{width:40%;height:60vh;margin-left:.5rem;border-top-left-radius:10px;border-bottom-left-radius:10px;background-image:url(/assets/mcoc1-DCZbune0.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat}@media (min-width: 1025px){#loginleft{width:60%;height:80vh}#loginmain{margin-top:10vh}}#loginright{width:60%;height:60vh;background-color:#fff;border-top-right-radius:10px;border-bottom-right-radius:10px;border:1px solid rgb(213,213,213);text-align:center}@media (min-width: 1025px){#loginmain{width:80%;margin-left:auto;margin-right:auto}#loginright{width:40%;height:80vh}}@media (max-width: 1024px){#loginmain{width:90%;margin-left:auto;margin-right:auto}}@media (max-width: 768px){#loginmain{width:80%;margin-left:auto;margin-right:auto}}@media (max-width: 480px){#loginmain{width:98%;margin-left:0;margin-right:0}}#loginright #loginright-inner{width:100%;height:100%;text-align:center}#loginright #loginright-inner #logintext{margin-top:4rem;font-size:32px;font-weight:700}#loginright #loginright-inner #loginform .logininput-group{display:flex;text-align:center;align-items:center;justify-content:center;padding:.5rem 0}#loginright #loginright-inner #loginform .material-symbols-outlined{position:absolute;margin-right:40%}@media (min-width: 1025px){#loginright #loginright-inner #loginform .material-symbols-outlined{margin-right:20%}}@media (max-width: 1024px){#loginright #loginright-inner #loginform .material-symbols-outlined{margin-right:30%}}@media (max-width: 768px){#loginright #loginright-inner #loginform .material-symbols-outlined{margin-right:30%}}@media (max-width: 480px){#loginright #loginright-inner #loginform .material-symbols-outlined{margin-right:40%}}#loginright #loginright-inner #loginform input{outline:none;box-shadow:none;border:none;border-bottom:1px solid rgb(183,183,183);width:40%;padding:.5rem 1.5rem .5rem 0;text-align:left}#loginright #loginright-inner #loginform button{margin-top:1rem;width:35%;height:2rem;border-radius:1.563rem;background-color:red;color:#fff;border:none}#loginright #loginright-inner #loginform button:hover{cursor:pointer;color:#fff;background-color:#a00000}#loginright #loginright-inner a{color:red}#loginright #loginright-inner a:hover{color:#790000;cursor:pointer}#loginstate{color:red}#regimain{display:flex;margin-top:6vh;width:98%;text-align:center;align-items:center;justify-content:center}#regileft{width:40%;height:80vh;margin-left:.5rem;border-top-left-radius:10px;border-bottom-left-radius:10px;background-image:url(/assets/mcoc8-C0lw0NAI.webp);background-size:cover;background-position:center;background-repeat:no-repeat}#regiright{width:60%;height:80vh;background-color:#fff;border-top-right-radius:10px;border-bottom-right-radius:10px;border:1px solid rgb(213,213,213);text-align:center}@media (min-width: 1201px){#regimain{width:80%;margin-left:auto;margin-right:auto;margin-top:9vh}#regileft{width:70%}#regiright{width:30%}}@media (max-width: 1200px){#regimain{width:90%;margin-left:auto;margin-right:auto}}@media (max-width: 768px){#regimain{width:80%;margin-left:auto;margin-right:auto}}@media (max-width: 480px){#regimain{width:98%;margin-left:0;margin-right:0}}#regiright #regiright-inner{width:100%;height:100%;text-align:center}#regiright #regiright-inner #registertext{margin-top:2rem;font-size:32px;font-weight:700}#regiright #regiright-inner #registerform .registerinput-group{display:flex;text-align:center;align-items:center;justify-content:center;padding:.5rem 0}#regiright #regiright-inner #registerform .material-symbols-outlined{position:absolute;margin-right:16rem}#regiright #regiright-inner #registerform input{outline:none;box-shadow:none;border:none;border-bottom:1px solid rgb(183,183,183);width:40%;padding:.5rem 1.5rem .5rem 0;text-align:left}#regiright #regiright-inner #registerform button{margin-top:1rem;width:35%;height:2rem;border-radius:1.563rem;background-color:red;color:#fff;border:none}#regiright #regiright-inner #registerform button:hover{cursor:pointer;color:#fff;background-color:#a00000}#regiright #regiright-inner a{color:red}#regiright #regiright-inner a:hover{color:#790000;cursor:pointer}#registatus{color:red}#profilemain{width:100%;padding-top:1rem;padding-bottom:1rem;text-align:center}#profilemain #profiledetails{width:70%;height:100%;margin:0 auto;background-color:#fff;border-radius:10px;border:1px solid rgb(231,231,231);text-align:center;padding-bottom:2rem}#profilemain #profiledetails #profileinner{width:100%;height:75%;display:flex}@media (max-width: 1024px){#profilemain #profiledetails{width:90%}}@media (max-width: 1023px){#profilemain #profiledetails{width:90%}#profilemain #profiledetails #profileinner{display:block}}#profilemain #profiledetails #profiletitle{font-size:24px;font-weight:400}#profilemain #profiledetails #profileleft{width:50%;height:100%;text-align:center;align-items:center;align-self:center;align-content:center}@media (max-width: 1024px){#profilemain #profiledetails #profileleft{width:40%}}@media (max-width: 1023px){#profilemain #profiledetails #profileleft{width:100%}}#profilepic-container{position:relative;display:inline-block;width:100%;text-align:center}#editicon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:#fff;background-color:#00000080;border-radius:50%;padding:10px;visibility:hidden;transition:.2s ease-in-out}#profilepic-container:hover #editicon{visibility:visible;cursor:pointer}#profilemain #profiledetails #profileleft img{width:17rem;height:17rem;border-radius:50%;object-fit:cover;object-position:center}@media (max-width: 1200px){#profilemain #profiledetails #profileleft img{width:10rem;height:10rem}}#profilemain #profiledetails #profileleft #profuser{font-size:14px;padding:0;margin:0;color:#828282;width:100%}#profilemain #profiledetails #profileleft #profusername{padding:0;margin:0;width:100%}#profilemain #profiledetails #profileleft button{width:35%;height:2.5rem;margin-top:3rem;border-radius:25px;border:none;background-color:red;color:#fff}@media (max-width: 1200px){#profilemain #profiledetails #profileleft button{margin-top:1rem}}@media (max-width: 768px){#profilemain #profiledetails #profileleft button{width:20%}}@media (min-width: 1025px){#profilemain #profiledetails #profileleft button{width:30%;margin-top:2.5rem}}#profilemain #profiledetails #profileleft button:hover{cursor:pointer;background-color:brown}#profilemain #profiledetails #profileright{width:50%;height:70%;text-align:center;align-items:center;justify-content:center;padding-top:1rem}@media (max-width: 1024px){#profilemain #profiledetails #profileright{width:60%}}#profilemain #profiledetails #profileright .profileflex{display:flex;gap:2.5rem}#profilemain #profiledetails #profileright .profile-group{text-align:left;font-size:14px}#profilemain #profiledetails #profileright .profile-group input{width:90%;padding:.5rem;margin-bottom:1rem}#profilemain #profiledetails #profileright .profileflex input{width:16rem}@media (min-width: 1025px){#profilemain #profiledetails #profileright .profile-group input{width:90%}#profilemain #profiledetails #profileright .profileflex{width:100%;gap:0}#profilemain #profiledetails #profileright .profileflex .profile-group{width:50%}#profilemain #profiledetails #profileright .profileflex input{width:80%}}@media (max-width: 1024px){#profilemain #profiledetails #profileright .profile-group input{width:90%}#profilemain #profiledetails #profileright .profileflex{width:100%;gap:0}#profilemain #profiledetails #profileright .profileflex .profile-group{width:50%}#profilemain #profiledetails #profileright .profileflex input{width:80%}}@media (max-width: 1023px){#profilemain #profiledetails #profileright .profileflex{display:block;gap:none}#profilemain #profiledetails #profileright .profileflex .profile-group,#profilemain #profiledetails #profileright{width:100%}#profilemain #profiledetails #profileright .profile-group{text-align:center}#profilemain #profiledetails #profileright .profile-group p{text-align:left;padding-left:10%;margin-top:.1rem}#profilemain #profiledetails #profileright .profile-group input{width:75%}}@media (max-width: 768px){#profilemain #profiledetails #profileright .profile-group p{padding-left:11%}}@media (max-width: 600px){#profilemain #profiledetails #profileright .profile-group p{padding-left:10%}}#profilemain #profiledetails #profilesave{width:10rem;height:2.5rem;border-radius:25px;border:none;background-color:#0000a5;color:#fff}#profilemain #profiledetails #profilesave:hover{background-color:#00005e;cursor:pointer}#profilenote{padding:0;color:#979797;margin:auto;margin-top:1rem;width:100%;font-size:12px}@media (max-width: 10240px){#profilenote{width:80%}}@media (max-width: 600px){#profilenote{width:80%}}#postmain{width:100%;padding-top:1rem;text-align:center;align-content:center;justify-content:center;align-items:center;display:flex;flex-direction:column}#postmain #postaction{width:100%;height:2rem;padding-bottom:1rem}@media (max-width: 600px){#postmain #postaction{height:0rem;padding-bottom:3rem}}#postmain #postaction button{width:6rem;height:2rem;margin:0 auto;background-color:#fff;color:#636363;border:1px solid rgb(156,156,156);border-radius:5px}#postmain #postaction button:hover{cursor:pointer;background-color:red;color:#fff;border:none}#postmain #postgallery{height:auto;width:90%;display:flex}#postmain #postgallery #postleft{width:15%;height:auto;display:flex;align-items:center;text-align:center;justify-content:center}@media (max-width: 600px){#postmain #postgallery #postleft{width:5%;height:auto}}#postmain #postgallery .material-symbols-outlined{border-radius:50%;width:2%;height:2%;margin:0 auto;color:#000;text-align:center;justify-content:center;align-items:center;align-content:center;transition:transform ease-in-out .2s}#postmain #postgallery .material-symbols-outlined:hover{transform:scale(1.2);cursor:pointer;color:red}#postmain #postgallery #postcard{width:70%;height:auto;margin:0 auto;text-align:center;align-items:center;align-content:center}@media (max-width: 600px){#postmain #postgallery #postcard{width:80%;height:auto}}#postmain #postgallery #postcard .postimage{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;display:block;margin:0 auto}#postmain #postgallery #postright{width:15%;height:auto;display:flex;align-items:center;text-align:center;justify-content:center}@media (max-width: 600px){#postmain #postgallery #postright{width:5%;height:auto}}#postmain #postpagination{width:100%;height:auto;max-height:7rem;padding-top:1rem;padding-bottom:.5rem;margin:0 auto;text-align:center;align-items:center;align-content:center}#postmain #postpagination .innerpagination button{width:3rem;height:2.5rem;margin:0 .5rem;border-radius:5px;border:1px solid rgb(170,170,170)}#postmain #postpagination .innerpagination button:hover{cursor:pointer;background-color:#000!important;color:#fff!important}#postmain #postdetails{width:60%}@media (max-width: 768px){#postmain #postdetails{width:70%}}@media (max-width: 600px){#postmain #postdetails{width:90%}}#postmain #postdetails #postdescription{width:100%}#postmain #postdetails #postdescription p{width:100%;font-size:21px;font-weight:600;text-align:start;word-wrap:break-word;white-space:normal}#postmain #postdetails #postdetailsinner{width:100%;display:flex}#postmain #postdetails #postdetailsinnerleft{width:50%;height:100%;display:flex}#postmain #postdetails #postdetailsinnerleft #postpropic{width:20%;height:100%;text-align:center;align-items:center;align-content:center}#postmain #postdetails #postdetailsinnerleft #postpropic img{width:5rem;height:5rem;border-radius:50%;object-fit:cover;object-position:center}@media (max-width: 600px){#postmain #postdetails #postdetailsinnerleft #postpropic img{width:4rem;height:4rem}}#postmain #postdetails #postdetailsinnerleft #postnamedate{width:80%;height:100%;display:block;margin-left:.5rem}@media (max-width: 1024px){#postmain #postdetails #postdetailsinnerleft #postnamedate{margin-left:13%;margin-top:0rem}}@media (max-width: 1000px){#postmain #postdetails #postdetailsinnerleft #postnamedate{margin-left:13%;margin-top:0rem}}@media (max-width: 900px){#postmain #postdetails #postdetailsinnerleft #postnamedate{margin-left:18%;margin-top:0rem}}@media (max-width: 800px){#postmain #postdetails #postdetailsinnerleft #postnamedate{margin-left:20%;margin-top:0rem}}@media (max-width: 768px){#postmain #postdetails #postdetailsinnerleft #postnamedate{margin-left:15%;margin-top:0rem}}@media (max-width: 720px){#postmain #postdetails #postdetailsinnerleft #postnamedate{margin-left:20%;margin-top:0rem}}@media (max-width: 600px){#postmain #postdetails #postdetailsinnerleft #postnamedate{margin-left:10%;margin-top:-.6rem}}@media (max-width: 540px){#postmain #postdetails #postdetailsinnerleft #postnamedate{margin-left:23%;margin-top:-.5rem}}@media (max-width: 1300px){#postmain #postdetails #postdetailsinnerleft #postnamedate{margin-left:13%;margin-top:0rem}}@media (max-width: 840px){#postmain #postdetails #postdetailsinnerleft #postnamedate{margin-left:20%;margin-top:0rem}}#postmain #postdetails #postdetailsinnerleft #postnamedate #postusername{width:100%;height:15%}#postmain #postdetails #postdetailsinnerleft #postnamedate #postusername p{text-align:start;font-size:18px;font-weight:500;color:#2d2d2d}#postmain #postdetails #postdetailsinnerleft #postnamedate #postuserdate{width:100%}#postmain #postdetails #postdetailsinnerleft #postnamedate #postuserdate p{text-align:start;font-size:16px;color:#505050;margin-top:-1rem}#postmain #postdetails #postdetailsinnerright{width:50%;height:100%;padding-top:1rem}#postmain #postdetails #postdetailsinnerright #likedislike{display:flex;margin-left:14rem}@media (max-width: 768px){#postmain #postdetails #postdetailsinnerright #likedislike{margin-left:60%}}@media (max-width: 600px){#postmain #postdetails #postdetailsinnerright #likedislike{margin-left:2.5rem;margin-top:-.5rem}}#postmain #postdetails #postdetailsinnerright #likedislike p{padding-left:.5rem}#postmain #postdetails #postdetailsinnerright #likedislike #likesection{display:flex;height:3rem;text-align:center;align-items:center;align-content:center}#postmain #postdetails #postdetailsinnerright #likedislike #likesection:hover{cursor:pointer;color:green}#postmain #postdetails #postdetailsinnerright #likedislike #dislikesection{display:flex;height:3rem;margin-left:1rem;text-align:center;align-items:center;align-content:center}#postmain #postdetails #postdetailsinnerright #likedislike #dislikesection:hover{cursor:pointer;color:red}#postmain #postcommentssection{width:60%;padding-top:0rem}@media (max-width: 768px){#postmain #postcommentssection{width:80%}}@media (max-width: 600px){#postmain #postcommentssection{width:93%}}#postmain #postcommentssection #commentamount{width:100%;text-align:start}#postmain #postcommentssection #commentamount p{font-size:21px}#postmain #addcomment{width:100%;height:5rem;margin-top:.3rem;padding-bottom:1rem}.flexdiv{display:flex}#postmain #addcomment #usercommentpropic{width:5rem;height:5rem;text-align:center}#postmain #addcomment #usercommentpropic img{width:4rem;height:4rem;border-radius:50%;object-fit:cover;object-position:center}#postmain #addcomment #usercommentinput{width:100%}#postmain #addcomment #usercommentinput textarea{width:97%;height:2.5rem;min-height:1rem;max-height:auto;margin-top:.5rem;outline:none;box-shadow:none;border:none;border-bottom:1px solid black;overflow-y:auto;resize:none;padding:.5rem;font-size:1rem;line-height:1.4;box-sizing:border-box;font-family:Poppins}#postmain #addcomment #commentactions{width:99%;margin-top:-1rem;text-align:end}#postmain #addcomment #commentactions button{font-size:16px;border:none;border-radius:25px}#postmain #addcomment #commentactions #cancel{background-color:#fff;margin-right:.6rem;padding:.3rem .8rem}#postmain #addcomment #commentactions #cancel:hover{cursor:pointer;background-color:#dadada}#postmain #addcomment #commentactions #comment{background-color:red;color:#000;padding:.4rem .9rem}#postmain #addcomment #commentactions #comment:hover{cursor:pointer;background-color:#000;color:red}.commentcard{margin-bottom:0rem;padding-bottom:.9rem}#postmain .commentcard #commentpropic{width:5rem;height:5rem}#postmain .commentcard #commentpropic img{width:4rem;height:4rem;border-radius:50%;object-fit:cover;object-position:center}#postmain .commentcard #commentdetail{width:95%;margin-left:.5rem}#postmain .commentcard #commentdetail #commenttop{width:100%;height:1rem}#postmain .commentcard #commentdetail #commenttop #commentuserdetails{height:2rem;width:100%;text-align:start;align-items:center}#postmain .commentcard #commentdetail #commenttop #commentuserdetails #username{font-size:16px}#postmain .commentcard #commentdetail #commenttop #commentuserdetails #timeago{font-size:14px;margin-left:.5rem;color:#838383}#postmain .commentcard #commentdetail #commentbottom{width:99%;margin:0 auto;text-align:start}#postmain .commentcard #commentdetail #commentbottom p{width:100%;word-wrap:break-word;white-space:normal}#postmain .commentcard #commentlikedislikesection{width:6rem;height:3rem;margin-top:-2rem;margin-left:5.5rem;display:flex;text-align:start}#postmain .commentcard #commentlikedislikesection span{padding-top:1rem}#postmain .commentcard #commentlikedislikesection p{padding-left:.3rem}#postmain .commentcard #commentlikedislikesection #commentlikesection{display:flex;height:100%;margin:auto}#postmain .commentcard #commentlikedislikesection #commentlikesection:hover{cursor:pointer;color:green}#postmain .commentcard #commentlikedislikesection #commentdislikesection{display:flex;height:100%}#postmain .commentcard #commentlikedislikesection #commentdislikesection:hover{cursor:pointer;color:red}#postmain .commentcard .user-liked,.user-disliked{box-shadow:0 0 8px #ff00004d}#likesection,#dislikesection,#commentlikesection,#commentdislikesection{transition:all .2s ease;cursor:pointer;padding:8px;border-radius:4px}#likesection:hover,#dislikesection:hover,#commentlikesection:hover,#commentdislikesection:hover{background-color:#0000000d}.pagination{width:90%;height:3.5rem;margin:0 auto;margin-top:1rem;text-align:center;align-content:center}.pagination .innerpagination{width:100%;display:flex;justify-content:center;gap:1rem;margin:0 auto;overflow:hidden;text-overflow:ellipsis}.pagination .innerpagination button{width:3rem;height:2.5rem;border-radius:5px;border:1px solid rgb(170,170,170);background-color:#fff}.pagination .innerpagination button:hover{cursor:pointer;background-color:#000!important;color:#fff!important}.pagination .innerpagination #backpage{background-color:#fff}.pagination .innerpagination #backpage:hover{background-color:#000;color:red}.pagination .innerpagination #nextpage{background-color:#fff}.pagination .innerpagination #nextpage:hover{background-color:#000;color:red}#mypostsmain{width:100%;font-family:Poppins,sans-serif;display:flex;flex-direction:column}#mypostsmain #mypostshero{width:100%;padding-bottom:1rem;text-align:center;align-items:center;justify-content:center;align-content:center;text-overflow:ellipsis}#mypostsmain #mypostshero p{font-size:2.5rem;font-weight:700}#mypostsmain #mypostshero #title{padding-bottom:0;margin-bottom:0}#mypostsmain #mypostshero #newpost{width:3rem;height:3rem;font-size:19px;border-radius:50%;border:1px solid red;margin:none;padding:none;background-color:red;color:#fff;transition:transform .2s ease-in-out}#mypostsmain #mypostshero #newpost:hover{background-color:#000;color:red;border:black;transform:scale(1.05);cursor:pointer}#mypostsmain #mypostsbottom{width:90%;margin:0 auto;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}#mypostsmain #mypostsbottom .mypostscard{width:calc(33.333% - 2rem);height:16rem;background-color:#fff;border-radius:.625rem;background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:scroll;border:.063rem solid rgb(246,246,246);font-family:Poppins;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;transition:transform .2s ease-in-out;display:flex;flex-direction:column;text-align:center;align-items:center;align-content:center;justify-content:center}@media (max-width: 1200px){#mypostsmain #mypostsbottom{width:98%}#mypostsmain #mypostsbottom .mypostscard{width:calc(33.33% - 2rem)}}@media (max-width: 1000px){#mypostsmain #mypostsbottom{width:95%}#mypostsmain #mypostsbottom .mypostscard{width:calc(50% - 2rem)}}@media (max-width: 768px){#mypostsmain #mypostsbottom{width:95%}#mypostsmain #mypostsbottom .mypostscard{width:calc(50% - 2rem)}}@media (max-width: 700px){#mypostsmain #mypostsbottom .mypostscard{display:block;width:98%;padding-bottom:1rem}}@media (max-width: 600px){#mypostsmain #mypostsbottom .mypostscard{width:88%}}#mypostsmain #mypostsbottom .mypostscard:hover{cursor:pointer;transform:scale(1.05)}#mypostsmain #mypostsbottom .mypostscard.no-cover{height:5rem}@media (max-width: 1024px){#mypostsmain #mypostsbottom .mypostscard.no-cover{margin-top:5.5rem}}@media (max-width: 768px){#mypostsmain #mypostsbottom .mypostscard.no-cover{margin-top:5rem}}#mypostsmain #mypostsbottom .mypostscard.no-cover .mypostscardbottom{height:100%;text-align:center;align-items:center;align-content:center}#mypostsmain #mypostsbottom .mypostscard .mypostscardtop{width:100%;height:60%;border-top-left-radius:10px;border-top-right-radius:10px;text-align:center;align-content:center;padding-top:1rem}#mypostsmain #mypostsbottom .mypostscard .mypostscardtop .mypostscardimg{width:90%;height:98%;margin:auto;border-radius:10px;background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:scroll}#mypostsmain #mypostsbottom .mypostscard .mypostscardbottom{width:100%;height:40%;border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:block}#mypostsmain #mypostsbottom .mypostscard .mypostscardbottom .mypostscarddesc{width:100%;height:30%;padding-top:.2rem;padding-left:.2rem;text-align:start}#mypostsmain #mypostsbottom .mypostscard .mypostscardbottom .mypostscarddesc p{width:90%;font-size:21px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:.2rem;margin:auto}#mypostsmain #mypostsbottom .mypostscard .mypostscardbottom .mypostscardudet{width:100%;height:70%;display:flex;text-align:center;justify-content:center;align-items:center}#mypostsmain #mypostsbottom .mypostscard .mypostscardbottom .mypostscardudet #mypostsinteractionsdiv{display:flex;text-align:start;width:60%;padding-left:1.3rem;padding-bottom:.3rem}#mypostsmain #mypostsbottom .mypostscard .mypostscardbottom .mypostscardudet #mypostsinteractionsdiv p{padding-left:.3rem;width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#mypostsmain #mypostsbottom .mypostscard .mypostscardbottom .mypostscardudet #mypostsinteractionsdiv span{padding-top:1rem}#mypostsmain #mypostsbottom .mypostscard .mypostscardbottom .mypostscardudet #mypostsinteractionsdiv #mypostslike,#mypostsmain #mypostsbottom .mypostscard .mypostscardbottom .mypostscardudet #mypostsinteractionsdiv #mypostsdislike,#mypostsmain #mypostsbottom .mypostscard .mypostscardbottom .mypostscardudet #mypostsinteractionsdiv #mypostscomments{width:33.3%;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#mypostsmain #mypostsbottom .mypostscard .mypostscardbottom .mypostscardudet #mypostdate{width:40%;text-align:start}#mypostsmain #mypostsbottom .mypostscard .mypostscardbottom .mypostscardudet #mypostdate p{padding-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){#mypostsmain #mypostsbottom .mypostscard .mypostscardbottom .mypostscardudet #mypostdate{width:43%}}#mypostsmain #mypostsbottom .mypostscard .mypostscardbottom .mypostscardudet #status{margin-left:.2rem;font-size:16px;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#686868}#mypostsmain #mypostsbottom .mypostscard .mypostscardbottom .mypostscardudet #date{margin-left:.9rem;font-size:14px;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#686868;padding-top:.3rem}#newpostmain{width:100%;min-height:100vh;font-family:Poppins,sans-serif;display:flex;flex-direction:column;overflow:auto;text-align:center;align-items:center;align-content:center}#newpostmain #newpostcontainer{margin-top:1rem;background-color:#fff;width:50rem;height:43rem;border-radius:10px;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}@media (max-width: 1024px){#newpostmain #newpostcontainer{margin-top:8vh;width:70%;height:auto;padding-bottom:.5rem}}@media (max-width: 768px){#newpostmain #newpostcontainer{margin-top:10vh;width:80%;height:auto}}@media (max-width: 600px){#newpostmain #newpostcontainer{margin-top:11vh;width:90%;height:auto}}#newpostmain #newpostcontainer #title{font-size:2.5rem;font-weight:700}#newpostmain #newpostcontainer #newpostcontent{width:90%;height:29rem;margin:auto;text-align:center}@media (max-width: 600px){#newpostmain #newpostcontainer #newpostcontent{height:20rem}}#newpostmain #newpostcontainer #newpostcontent #newpostdesc{width:100%;height:50%;border-radius:10px;background-color:azure}#newpostmain #newpostcontainer #newpostcontent #newpostdesc textarea{width:100%;height:100%;border-radius:10px;border:1px solid rgb(179,179,179);background-color:#f3f3f3;padding:10px;box-sizing:border-box;resize:none;font-family:inherit;font-size:1rem}#newpostmain #newpostcontainer #newpostcontent #newpostimages{width:100%;height:48%;margin-top:1rem;background-color:#000;border-radius:10px;padding:.5rem;box-sizing:border-box;color:#fff;overflow:auto}#newpostmain #newpostcontainer #newpostcontent #newpostimages input{width:100%;margin-bottom:.5rem;border-radius:10px}.image-preview-container{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.preview-box{position:relative;width:6rem;height:6rem}.preview-box img{width:100%;height:100%;object-fit:cover;border-radius:8px}.preview-box button{position:absolute;top:-6px;right:-6px;background:red;color:#fff;border:none;border-radius:50%;cursor:pointer;width:20px;height:20px;font-size:.8rem}#newpostactions{margin-top:1rem;width:100%;height:3rem;text-align:center}#newpostactions #cancel{width:8rem;height:2.5rem;margin-right:2rem;color:#6b6b6b}#newpostactions #cancel:hover{cursor:pointer;background-color:#b4b4b4}#newpostactions #submit{width:8rem;height:2.5rem;background-color:#ff1500;color:#fff;border:rgb(147,0,0)}#newpostactions #submit:hover{cursor:pointer;background-color:brown}#accmain{min-height:100vh;font-family:Poppins,sans-serif}#accmain::-webkit-scrollbar{visibility:hidden}#accmain #acctop{width:100%;height:5rem;display:flex}#accmain #acctop #accleft{width:80%;height:100%;text-align:center}#accmain #acctop #accleft input{width:60%;height:.8rem;border-radius:25px;margin:auto;padding:.8rem;margin-top:2rem;margin-left:5%}@media (min-width: 1025px){#accmain #acctop #accleft input{margin-left:30%;width:30%}}@media (max-width: 1024px){#accmain #acctop #accleft input{margin-left:30%}}@media (max-width: 540px){#accmain #acctop #accleft input{margin-left:5%}}#accmain #acctop #accright{width:20%;height:100%;text-align:end}#accmain #acctop #accright button{width:6rem;height:2.5rem;margin-left:-1.8rem;margin-right:.8rem;margin-top:2rem;background-color:red;border:none;border-radius:25px;transition:transform ease-in-out .2s}#accmain #acctop #accright button:hover{cursor:pointer;background-color:#000;color:red;transform:scale(1.05)}@media (max-width: 1024px){#accmain #acctop #accright button{margin-right:4rem}}@media (max-width: 1000px){#accmain #acctop #accright button{margin-right:.8rem}}@media (min-width: 700px){#accmain #acctop #accright button{margin-right:2rem}}@media (min-width: 1025px){#accmain #acctop #accright button{margin-right:7rem}}#accmain #accmiddle{width:100%;height:7rem;display:flex;text-align:center;align-items:center;margin-top:1rem}#accmain #accmiddle span{width:5%;height:6rem;color:#000;border-radius:50%;text-align:center;align-items:center;align-content:center;transition:transform .2s ease-in-out}#accmain #accmiddle span:hover{cursor:pointer;transform:scale(1.1);color:red}#accmain #accmiddle #accmiddleleft{width:8%;height:100%;text-align:center;align-items:center;align-content:center}#accmain #accmiddle #accmiddlecontainer{width:80%;display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:.5rem 0;overflow:hidden;scroll-behavior:smooth;white-space:nowrap}#accmain #accmiddle #accmiddlecontainer #accthreadcard{flex:0 0 auto;width:18rem;height:8rem;margin:0 1rem;border-radius:.625rem;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;transition:transform .2s ease-in-out;background-color:#fff;display:block}@media (min-width: 1025px){#accmain #accmiddle #accmiddlecontainer #accthreadcard{height:8rem;width:24rem}}@media (max-width: 1024px){#accmain #accmiddle #accmiddlecontainer #accthreadcard{height:8rem}}@media (max-width: 768px){#accmain #accmiddle #accmiddlecontainer #accthreadcard{height:7.5rem}}#accmain #accmiddle #accmiddlecontainer #accthreadcard:hover{cursor:pointer;transform:scale(1.05)}#accmain #accmiddle #accmiddlecontainer #accthreadcard #accthreadcarddesc{width:100%;height:15%;text-align:left;line-height:1.3;padding-bottom:1rem;margin:0 auto}#accmain #accmiddle #accmiddlecontainer #accthreadcard #accthreadcarddesc p{width:90%;font-size:21px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:.4rem;padding-bottom:.5rem;margin:auto}#accmain #accmiddle #accmiddlecontainer #accthreadcard #threadinteractions{width:55%;height:25%;display:flex;text-align:start;padding:0 1rem}#accmain #accmiddle #accmiddlecontainer #accthreadcard #threadinteractions p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:80%;padding-left:.2rem}#accmain #accmiddle #accmiddlecontainer #accthreadcard #threadinteractions span{width:20%;padding-left:.3rem}#accmain #accmiddle #accmiddlecontainer #accthreadcard #threadinteractions #threadlikes,#accmain #accmiddle #accmiddlecontainer #accthreadcard #threadinteractions #threaddislikes,#accmain #accmiddle #accmiddlecontainer #accthreadcard #threadinteractions #threadcomments{display:flex;width:33.3%;text-align:center;align-items:center}#accmain #accmiddle #accmiddlecontainer #accthreadcard #accthreadcarddet{width:100%;height:40%;display:flex;padding-top:.5rem}#accmain #accmiddle #accmiddlecontainer #accthreadcard #accthreadcarddet #accthreadcardpic{width:20%;height:100%;text-align:end;align-content:center}#accmain #accmiddle #accmiddlecontainer #accthreadcard #accthreadcarddet #accthreadcardpic img{width:3.2rem;height:3.2rem;border-radius:50%;object-fit:cover;object-position:center}#accmain #accmiddle #accmiddlecontainer #accthreadcard #accthreadcarddet #accthreadcardnd{width:40%;height:100%;text-align:start;justify-content:center;padding-top:0rem}#accmain #accmiddle #accmiddlecontainer #accthreadcard #accthreadcarddet #accthreadcardnd p{margin-left:.9rem;font-size:16px;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#686868}#accmain #accmiddle #accmiddlecontainer #accthreadcard #accthreadcarddet #accthreadcardcom{width:40%;height:100%;text-align:start;justify-content:center;padding-top:.3rem}#accmain #accmiddle #accmiddlecontainer #accthreadcard #accthreadcarddet #accthreadcardcom p{margin-left:.3rem;font-size:14px;width:91%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#686868}#accmain #accmiddle #accmiddleright{width:10%;height:100%;text-align:center;align-items:center;align-content:center}#linebreak{width:60%;height:.1rem;margin:2rem auto;background-color:#dadada}#accmain #accbottom{width:80%;margin:0 auto;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}#accmain #accbottom .acccard{width:calc(33.333% - 2rem);height:18rem;background-color:#fff;border-radius:.625rem;background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:scroll;border:.063rem solid rgb(246,246,246);font-family:Poppins;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;transition:transform .2s ease-in-out;display:flex;flex-direction:column;text-align:center;align-items:center;align-content:center;justify-content:center}@media (max-width: 1300px){#accmain #accbottom{width:98%}#accmain #accbottom .acccard{width:calc(33.33% - 2rem)}}@media (max-width: 1000px){#accmain #accbottom{width:95%}#accmain #accbottom .acccard{width:calc(50% - 2rem)}}@media (max-width: 768px){#accmain #accbottom{width:95%}#accmain #accbottom .acccard{width:calc(50% - 2rem)}}@media (max-width: 700px){#accmain #accbottom .acccard{display:block;width:98%;padding-bottom:1rem}}#accmain #accbottom .acccard:hover{cursor:pointer;transform:scale(1.05)}#accmain #accbottom .acccard.no-cover{height:7rem;margin-top:5rem}#accmain #accbottom .acccard.no-cover .acccardbottom{height:100%;text-align:center;align-items:center;align-content:center}#accmain #accbottom .acccard .acccardtop{width:100%;height:60%;border-top-left-radius:10px;border-top-right-radius:10px;text-align:center;align-content:center;padding-top:1rem}#accmain #accbottom .acccard .acccardtop .acccardimg{width:90%;height:98%;margin:auto;border-radius:10px;background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:scroll}#accmain #accbottom .acccard .acccardbottom{width:100%;height:40%;border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:block}#accmain #accbottom .acccard .acccardbottom .acccarddesc{width:100%;height:30%;padding-top:.2rem;padding-left:.2rem;text-align:start}#accmain #accbottom .acccard .acccardbottom .acccarddesc p{width:90%;font-size:21px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:.4rem;margin:auto}#accmain #accbottom .acccard .acccardbottom .acccardudet{width:100%;height:70%;display:flex}#accmain #accbottom .acccard .acccardbottom .acccardudet .acccardpropic{width:18%;height:100%;text-align:end;align-content:center}#accmain #accbottom .acccard .acccardbottom .acccardudet .acccardpropic img{width:3.2rem;height:3.2rem;border-radius:50%;object-fit:cover;object-position:center}@media (max-width: 1024px){#accmain #accbottom .acccard .acccardbottom .acccardudet .acccardpropic{width:19%}}@media (max-width: 720px){#accmain #accbottom .acccard .acccardbottom .acccardudet .acccardpropic{width:19%}}@media (max-width: 600px){#accmain #accbottom .acccard .acccardbottom .acccardudet .acccardpropic{width:16%}}@media (max-width: 480px){#accmain #accbottom .acccard .acccardbottom .acccardudet .acccardpropic img{padding-left:.5rem}}#accmain #accbottom .acccard .acccardbottom .acccardudet .acccardnamedate{width:35%;height:80%;text-align:start;justify-content:center}#accmain #accbottom .acccard .acccardbottom .acccardudet .acccardnamedate p{margin-left:.9rem;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#686868}#accmain #accbottom .acccard .acccardbottom .acccardudet .acccardnamedate #acccardname{height:15%}#accmain #accbottom .acccard .acccardbottom .acccardudet .acccardnamedate #acccardname p{font-size:18px!important;color:#2a2a2a!important}@media (max-width: 1024px){#accmain #accbottom .acccard .acccardbottom .acccardudet .acccardnamedate #acccardname p{width:84%}}@media (max-width: 768px){#accmain #accbottom .acccard .acccardbottom .acccardudet .acccardnamedate #acccardname p{width:84%}}@media (max-width: 658px){#accmain #accbottom .acccard .acccardbottom .acccardudet .acccardnamedate #acccardname p{padding-left:0rem;padding-right:.3rem}}#accmain #accbottom .acccard .acccardbottom .acccardudet .acccardnamedate #acccarddate{height:83%}#accmain #accbottom .acccard .acccardbottom .acccardudet .acccardnamedate #acccarddate p{font-size:14px!important}#accmain #accbottom .acccard .acccardbottom .acccardudet .acccardinteractions{width:45%;height:100%;text-align:start;justify-content:center;padding-top:1rem;display:flex}#accmain #accbottom .acccard .acccardbottom .acccardudet .acccardinteractions p{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.4rem;padding-left:.2rem}#accmain #accbottom .acccard .acccardbottom .acccardudet .acccardinteractions span{scale:.9;margin-top:.1rem}#accmain #accbottom .acccard .acccardbottom .acccardudet .acccardinteractions #likes{display:flex;width:33.3%;padding-top:0}#accmain #accbottom .acccard .acccardbottom .acccardudet .acccardinteractions #dislikes,#accmain #accbottom .acccard .acccardbottom .acccardudet .acccardinteractions #comments{display:flex;width:33.3%}