@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Water+Brush&display=swap");*{font-family:var(--fontFamily);box-sizing:border-box;font-size:1rem}body,html{padding:0;margin:0;min-height:100vh}body{margin:1rem min(10%,100% - 3rem)}.mern-sign{font-family:Water Brush,cursive;font-size:5rem}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{border-radius:10px;background:#555}::-webkit-scrollbar-thumb:hover{background:#888}a{color:inherit;text-decoration:none;cursor:pointer}.title,h1{margin:30px 0!important}.title{font-size:var(--titleFontSize)}h1{font-size:32px}h2{margin:24px 0!important;font-size:24px}h3{margin:15px 0!important;font-size:18.72px}h4{margin:5px 0;font-size:16px}input{display:block;width:100%;height:48px!important;padding:14px 16px;border-radius:8px;border:2px solid #000;outline:none;margin:16px 0}input[type=range]{padding:0;margin:0;border:none}input[type=radio]{all:unset;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;width:16px}input[type=checkbox]{display:inline;height:1rem!important;padding:0;border:none;margin:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}input:focus{border-color:var(--tertiaryColor)!important}button{cursor:pointer;border-radius:40px;height:40px!important;outline:none;border:none;transition:all .2s ease;font-weight:600}button:hover{transform:scale(1.05)}.center{display:-ms-grid;display:grid;place-items:center}cite{font-size:13px;opacity:.7}textarea{resize:none;min-width:100%;max-width:100%;min-height:200px;border:none;outline:none;padding:1rem;border-radius:10px;overflow:auto;margin-bottom:1rem}table{width:100%;border-collapse:collapse;text-align:center}thead{background-color:var(--tertiaryColor)}td,th{border:1px solid #000;padding:1rem}td:first-child{font-weight:500}tbody tr:hover{background-color:var(--quaternaryColor);color:var(--contrastTextColor);cursor:pointer}.Privacy,.Terms{background-color:#fff;width:80%;padding:1rem;border-radius:1rem}.top-donators{min-height:200px;width:100%;background-color:var(--primaryColor);box-shadow:0 0 5px 0 rgba(0,0,0,.2);border-radius:10px;padding:1rem}.top-donators-grid{display:-ms-grid;display:grid;-ms-grid-columns:20% 1rem 80%;grid-template-columns:20% 80%;grid-gap:1rem;gap:1rem;font-weight:500;border-bottom:1px solid #000}.top-donators-name{font-size:1rem;display:-ms-grid;display:grid;align-content:center}.grid-container{-ms-grid-columns:1fr 1rem 1fr;grid-template-columns:1fr 1fr;grid-gap:1rem}.grid-1-9,.grid-container{display:-ms-grid;display:grid;gap:1rem}.grid-1-9{-ms-grid-columns:10% 1rem 90%;grid-template-columns:10% 90%;grid-gap:1rem}.grid-4-6{-ms-grid-columns:40% 1rem 60%;grid-template-columns:40% 60%;grid-gap:1rem}.grid-3-7,.grid-4-6{display:-ms-grid;display:grid;gap:1rem}.grid-3-7{-ms-grid-columns:30% 1rem 70%;grid-template-columns:30% 70%;grid-gap:1rem}.grid-7-3{-ms-grid-columns:70% 1rem 30%;grid-template-columns:70% 30%;grid-gap:1rem}.grid-7-3,.grid-8-2{display:-ms-grid;display:grid;gap:1rem}.grid-8-2{-ms-grid-columns:80% 1rem 20%;grid-template-columns:80% 20%;grid-gap:1rem}.grid-6-4{-ms-grid-columns:60% 1rem 40%;grid-template-columns:60% 40%;grid-gap:1rem}.grid-2-8,.grid-6-4{display:-ms-grid;display:grid;gap:1rem}.grid-2-8{-ms-grid-columns:20% 1rem 80%;grid-template-columns:20% 80%;grid-gap:1rem}.flex-default{display:flex}.flex-space-between{display:flex;justify-content:space-between}.flex-space-around{display:flex;justify-content:space-around}.flex-space-evenly{display:flex;justify-content:space-evenly}.flex-default i{font-size:34px;cursor:pointer;transition:all .2s ease}.flex-default i:hover{transform:scale(1.05)}.reverse-flex-default{display:flex;flex-direction:row-reverse}.Footer,.flex-columns{display:flex;flex-direction:column}.Footer{justify-content:space-between;margin-top:5rem}.Footer .left,.right{display:flex}.Footer .left .footer-item{margin-right:20px;opacity:.7;font-weight:600}.Footer .left .footer-item:hover{opacity:1}.social-network a{margin:0 10px}.social-network a i{font-size:1.5rem}.social-network a:hover{color:var(--tertiaryColor)}.LoginForm,.RegisterForm{text-align:center;width:350px}.login-btn{width:100%;background-color:var(--tertiaryColor)}.register-btn{width:100%;color:var(--contrastTextColor);background-color:var(--quaternaryColor)}.login-btn+div,.register-btn+div{margin-top:1rem;margin-left:5px;text-align:left}.donate-register-btn{padding:0 1rem;margin-right:1rem}.donate-register-btn1{background-color:var(--tertiaryColor)}input[name=confirm]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:10px!important;background:#000;transition:opacity .2s}input[name=confirm]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border:1px solid var(--quaternaryColor);border-radius:50%;background:var(--tertiaryColor);cursor:pointer}.DonatorRegister{width:350px}.confirm{margin-top:3rem}.complete-btn{width:100%;background-color:var(--tertiaryColor)}input[name=anonymous]{-webkit-appearance:none;-moz-appearance:none;appearance:none}label[for=anonymous]{background-color:var(--secondaryColor);padding:.7rem 1rem;border-radius:var(--borderRadius);cursor:pointer;font-weight:700}label[for=anonymous]>i:before{font-size:1.5rem}input[name=target]{-moz-appearance:none;-webkit-appearance:none;appearance:none}label[for=target]{background-color:var(--tertiaryColor);padding:.7rem 1rem;cursor:pointer;border-radius:var(--borderRadius);font-weight:700}label[for=target]>i:before{font-size:1.5rem}.btn-create-post{background-color:var(--quaternaryColor);color:var(--contrastTextColor);padding:0 1rem;margin-top:1rem}input[name=post-image]{height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;border:none;border-radius:0;padding:0}input[name=post-image]::-webkit-file-upload-button{display:none}label[for=post-image]{background-color:#f8f8f8;margin-top:1rem;padding:0 1rem;border-radius:var(--borderRadius)}input[name=loginSave]{-webkit-appearance:none;-moz-appearance:none;appearance:none}label[for=loginSave]{font-weight:700;margin-bottom:1rem;cursor:pointer}label[for=loginSave]>i:before{font-size:1.5rem}.wide-screen{width:100%;height:100%;position:fixed;top:0;left:0;background-color:var(--tertiaryColor);z-index:9999;overflow:auto;padding:2rem}.loading{position:relative;width:3em;height:3em;border:3px solid var(--quaternaryColor);overflow:hidden;-webkit-animation:spin 3s ease infinite;animation:spin 3s ease infinite}.loading:before{content:"";position:absolute;top:-3px;left:-3px;width:3em;height:3em;background-color:var(--secondaryColor);transform-origin:center bottom;transform:scaleY(1);-webkit-animation:fill 3s linear infinite;animation:fill 3s linear infinite}@-webkit-keyframes spin{50%,to{transform:rotate(1turn)}}@keyframes spin{50%,to{transform:rotate(1turn)}}@-webkit-keyframes fill{25%,50%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes fill{25%,50%{transform:scaleY(0)}to{transform:scaleY(1)}}.welcome-title{font-size:3rem;font-weight:700;line-height:130%;text-align:center;margin:6rem 1rem 0}.welcome-title:before{content:"“"}.welcome-title:after{content:"”"}.author{opacity:.7;margin-bottom:3rem}.author,.author+h3{text-align:center}.start-btn{margin-top:3rem;background-color:var(--tertiaryColor);padding:0 2rem}.Donators,.FAQ{min-height:50vh}.welcomepage_img{width:100%}.welcomepage_desc{text-align:right}.welcomepage_desc>div>div>a>h1,.welcomepage_desc>div>div>h1{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--tertiaryColor);padding:1rem}.welcomepage_desc>div>div>h2{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--quaternaryColor);padding:1rem;color:var(--contrastTextColor)}.r-rg{background-color:var(--secondaryColor);padding:1rem;border-radius:10px;border:4px dashed rgba(0,0,0,.416)}.scroll-to-top{position:fixed;bottom:1rem;right:1rem}.scroll-to-top i{font-size:2rem}.PostManageModal{width:80%;background-color:var(--primaryColor);padding:2rem;border-radius:10px}.CreatePostLayout{width:70%}.delete-btn,.edit-btn{border-radius:5px;width:40px;height:40px;padding:0;background-color:transparent}.edit-btn>i{font-size:1.5rem;color:var(--quaternaryColor)}.delete-btn>i{font-size:1.5rem;color:#ff5151}.DeletePost{background-color:var(--quaternaryColor);color:var(--contrastTextColor);border-radius:5px;padding:2rem}.delete-confirm-btn{background-color:red;color:#fff;padding:0 1rem;margin-left:1rem}.cancel-btn{background-color:var(--tertiaryColor);padding:0 1rem}.update-btn{color:var(--contrastTextColor);margin-right:1rem;padding:0 1rem}.UpdatePost,.update-btn{background-color:var(--quaternaryColor)}.UpdatePost{padding:2rem;width:60%;border-radius:10px}.UpdatePost>div>div>span,.UpdatePost>h2{color:var(--contrastTextColor)}.post-detail-content-img{background-color:var(--secondaryColor);margin-top:1rem;border-radius:10px}.post-detail-content-img img{cursor:pointer}.post-detail-content-img img:hover{opacity:.7}.edit-confirm-btn{margin-top:2rem;background-color:var(--tertiaryColor);padding:0 1rem}.UpdateUserInformation{width:400px;background-color:var(--secondaryColor);padding:2rem;border-radius:10px}.navigation{width:100%;height:70px;display:flex;justify-content:space-between;box-shadow:0 0 100px 0 rgba(0,0,0,.1);border-radius:var(--borderRadius);padding:0 1rem;margin-bottom:3rem;position:relative}.logo{width:50px;height:70px;display:-ms-grid;display:grid;place-items:center}.flex-nav-item{display:flex}.nav-item{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:600;display:-ms-grid;display:grid;place-items:center;margin:.5rem}.nav-item a{transition:all .2s ease;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px 1rem;border-radius:var(--borderRadius)}.nav-item .login{background-color:var(--tertiaryColor)!important}.nav-item .register{background-color:var(--quaternaryColor)!important;color:var(--contrastTextColor)!important}.nav-item a:hover{transform:scale(1.05);background-color:var(--navBarHoverColor)}.wallet{background-color:var(--secondaryColor);border:1px solid var(--tertiaryColor)}.img-dropdown{width:40px;height:40px;border:1px solid var(--quaternaryColor);border-radius:50%;cursor:pointer}.img-dropdown img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:50%}.drop-down-content{background-color:var(--primaryColor);position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;top:101%;right:2rem;border:1px solid #000;border-top:0 solid #000;z-index:10}.drop-down-content a{padding:10px 1rem;display:block}.donators_actived,.drop-down-content a:hover,.faq_actived{background-color:var(--navBarHoverColor)}.donators_actived,.faq_actived{-webkit-transition:all .2s ease;transition:all .2s ease;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px 1rem;border-radius:var(--borderRadius)}.PersonalInformation{background-color:var(--primaryColor);box-shadow:0 0 10px 0 rgba(0,0,0,.2);border-radius:10px;padding:1rem;line-height:145%;display:flex;flex-direction:column}.pi-img>img{width:80%;border-radius:10px;-o-object-fit:contain;object-fit:contain}.pi-img{margin-bottom:1rem}main{display:-ms-grid;display:grid;-ms-grid-columns:70% 1rem 30%;grid-template-columns:70% 30%;grid-gap:1rem;gap:1rem}.AllPosts{margin:2rem 0}.post-container{width:100%}.PostDetail{width:100%;padding:1rem;box-shadow:0 0 5px 0 rgba(0,0,0,.2);border-radius:10px;background-color:var(--primaryColor);margin-bottom:1rem}.post-detail-top{display:flex;justify-content:space-between}.post-user-info{display:flex}.post-detail-content-img>img{width:100%;min-height:200px;max-height:500px;-o-object-fit:contain;object-fit:contain}.post-user-info-img{width:50px;height:50px;border-radius:50%;margin-right:10px;border:1px solid #000}.post-user-info-img>img{width:100%;-o-object-fit:contain;object-fit:contain;border-radius:50%}.post-user-info-name a{font-weight:700;display:block;margin-bottom:10px}.donate-btn,.vote-btn{background-color:var(--tertiaryColor)!important;padding:.6rem 2rem;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.post-detail-bottom{width:100%;margin:1rem 0}.target{background-color:var(--secondaryColor);position:relative}.target,.target-amout{height:10px;border-radius:var(--borderRadius)}.target-amout{background-color:var(--quaternaryColor);position:absolute;left:0;top:0}.given{padding:.6rem;background-color:#e54f4f;color:var(--contrastTextColor);border-radius:10px}.TopActivities{width:100%;overflow:auto;height:80px;border-radius:10px 10px 0 0;border:1px solid #000;padding:1rem 1rem 0;display:flex}.high-rate-post{min-width:300px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;cursor:pointer;margin-right:1rem;border:1px solid #000;padding:0 1rem}.hr-post-title{font-weight:500}.hr-post-user-full-name{font-size:13px}.wide-screen>i:before{font-size:34px;cursor:pointer;position:absolute;right:1rem;top:1rem}.post-manage-btn{padding:0 1rem;opacity:.7}.post-manage-btn:hover{opacity:1}.CreatePostLayout{width:100%;background-color:var(--primaryColor);box-shadow:0 0 5px 0 rgba(0,0,0,.2);padding:1rem;border-radius:10px}.CreatePostLayout input{height:auto;width:97%;border:none;border-radius:var(--borderRadius);background-color:hsla(0,0%,86%,.485);cursor:pointer}.CreatePostLayout input:hover{background-color:hsla(0,0%,86%,.85)}.create-post-img{width:50px;height:50px;border-radius:50%;border:1px solid #000;margin-right:1rem}.create-post-img>img{width:100%;-o-object-fit:contain;object-fit:contain;border-radius:100%}.CreatePostLayout button{padding:0 2rem}.CreatePost{width:600px;background-color:var(--secondaryColor);padding:2rem;border-radius:10px}.ShortenedPost{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));grid-gap:1rem;gap:1rem}.pm-item{width:100%;border-radius:10px;box-shadow:0 0 5px 0 rgba(0,0,0,.2);padding:0 1rem}@media screen and (max-width:1086px){body{margin:2rem 5%}.Footer>.flex-space-between{flex-direction:column}.Footer .left,.Footer .right{justify-content:space-around;margin:1rem 0}}@media screen and (max-width:968px){.Footer .left{flex-direction:column}.Footer .left .footer-item{margin:1rem}.CreatePost{width:100%}}@media screen and (min-width:768px){.navStick,.r-wd{display:none}}@media screen and (max-width:768px){.r-lr{display:none}.r-wd>a{padding:.6rem 1rem!important}.navStick{width:100%;display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;background-color:var(--secondaryColor);z-index:10;border-top:1px solid #000}.navStick .flex-nav-item .nav-item a{padding:.6rem 1rem}.r-wallet{-ms-grid-columns:1fr;grid-template-columns:1fr}.UpdatePost{width:100%}main{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-auto-flow:dense}.TopDonators{-ms-grid-row:1;grid-row:1}.r-nav{display:none}.Profile>.grid-4-6{-ms-grid-columns:1fr;grid-template-columns:1fr}.r-rg{display:flex;flex-direction:column-reverse}.r-rg h1{font-size:1.4rem}.r-rg .center>div{display:-ms-grid;display:grid;place-items:center}.r-rg h2{font-size:1rem}}@media screen and (max-width:468px){.wide-screen{padding:5px}.r-date{flex-direction:column}.WithDrawMoney{width:100%!important}.PostManageModal,.UpdateUserInformation{width:100%}.nav-item>a{padding:0}}:root{--primaryColor:#fff;--secondaryColor:#fffce6;--tertiaryColor:#fd0;--quaternaryColor:#000957;--textColor:#000;--contrastTextColor:#fff;--navBarHoverColor:#0000000d;--fontFamily:Roboto,Helvetica,sans-serif;--titleFontSize:40px;--borderRadius:40px;--desktop:1440px;--laptop:1024px;--tablet:768px;--mobile:414px}.MoneyInWallet,.MoneyReceived{border:1px solid var(--tertiaryColor);position:relative;min-height:200px;background-color:var(--secondaryColor);transition:all .2s ease}.MoneyInWallet:hover,.MoneyReceived:hover{transform:scale(1.05)}.MoneyInWallet>h3,.MoneyReceived>h3{position:absolute;top:0;left:-1px;background-color:var(--tertiaryColor);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.5rem 1rem}.money{position:absolute;font-size:2rem;font-weight:500;top:50%;text-align:center;width:100%}.deposit-btn{padding:0 1rem;margin-left:1rem;border:1px solid #000}.WithDrawMoney,.deposit-btn{background-color:var(--secondaryColor)}.WithDrawMoney{padding:2rem;width:350px;border-radius:10px}.WithDrawMoney>h1{text-align:center}.WithDrawMoney .confirm{background-color:var(--quaternaryColor);color:var(--contrastTextColor);width:100%}label[for=payment]{background-color:var(--tertiaryColor);padding:0 1rem;border-radius:10px}.cancel{background-color:red;margin-top:1rem;color:var(--contrastTextColor);width:100%}