@import url(https://fonts.googleapis.com/css2?family=Italianno&display=swap);@import url(https://fonts.googleapis.com/css2?family=Italiana&family=Roboto:wght@300;400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Italianno&family=Roboto:wght@300;400;700&display=swap);:root{--pink:pink;--blue:#05667b;--grey:grey;--green:green;--paypal:#00f}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;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}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{font-family:Arial,sans-serif}.donor-main-page{margin:0 auto;max-width:100%}.donor-main-page h3{color:var(--blue);font-size:32px;margin:20px 0 0;text-align:center}.header{background-color:#f8c1bb;margin:0 -50px;padding:20px;text-align:center;width:calc(100% + 100px)}.charities-list{grid-gap:20px;grid-row-gap:60px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);padding:50px;row-gap:60px}.charity-card{background-color:var(--blue);border:none;border-radius:5px;cursor:pointer;height:420px;margin:0 auto;outline:none;padding:10px;text-align:center;width:600px}.charity-card h2{background-color:var(--pink);border:1px solid var(--pink);border-radius:20px;color:var(--blue);margin:5px;padding-bottom:10px;width:100%}.charity-card p{color:var(--pink);font-weight:700;margin:0;padding-bottom:20px}.charity-card:hover{background-color:#e3a8a3;transition:background-color .3s}.charity-card img{border-radius:0 0 5px 5px;display:block;height:70%;margin-left:auto;margin-right:auto;margin-top:auto;width:100%}.navbar{align-items:center;background-color:#f8c1bb;display:flex;justify-content:space-between;padding:20px 40px}button{background-color:#e3a8a3;border:none;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px}button:hover{background-color:#d0948f}.charities-list h5{color:var(--pink);font-size:20px;margin:5px;text-decoration:underline}.nav{align-items:center;background-color:var(--blue);display:flex;height:80px;justify-content:space-around}.gender-svg{background-color:var(--pink);border-radius:50%;height:40px;margin-left:3%;padding:10px 18px}.nav-header{color:var(--pink);font-family:Italianno,cursive;font-size:48px;font-weight:100;margin-left:1%}.nav-elements{color:var(--pink);display:flex;justify-content:space-around;width:50%}.icon-header{align-items:center;display:flex;height:80px;width:50%}#exit{background-color:var(--pink);border-radius:5px;color:var(--blue);padding:3px 5px}.single-charity-page h1{border-bottom:3px solid var(--pink);border-top:3px solid var(--pink);color:#05667b;font-size:2rem;margin-bottom:1rem;text-align:center}.single-charity-page h5{color:#05667b;font-size:18px;margin:10px 0;text-align:center}.single-charity-page p{color:#05667b;font-size:1.2rem;margin-bottom:1rem;max-width:800px;text-align:center}.single-charity-page img{border-radius:4px;box-shadow:0 4px 6px rgba(0,0,0,.1);height:auto;margin:20px;max-width:50%}.donate-button{background-color:#05667b;border-radius:4px;cursor:pointer;display:inline-block;font-size:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s}.donate-button:hover{background-color:#045569}.main-content{background-color:var(--pink);display:flex}.text-button{align-items:space-around;border:1px solid var(--blue);display:flex;flex-direction:column;font-weight:700;justify-content:space-around;line-height:30px;margin:20px}.text-button button{width:300px}.charity-login{align-items:center;background-color:pink;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;min-height:100vh}.charity-login h1{color:#05667b;margin-bottom:1rem}.charity-login form{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center;max-width:400px;padding:2rem;width:100%}.charity-login label{color:#05667b;display:block;font-size:.9rem;font-weight:700;margin-bottom:.5rem;width:100%}.charity-login input{border:1px solid #d9d9d9;border-radius:4px;display:block;font-size:1rem;margin-bottom:1.5rem;outline:none;padding:.5rem;width:100%}.charity-login input:focus{border-color:#05667b}.charity-login button{background-color:#05667b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;outline:none;padding:.75rem 1.5rem;transition:background-color .3s;width:100%}.charity-login button:hover{background-color:#045569}.story-actions{display:flex;gap:10px;justify-content:flex-start}.delete-button,.edit-button{margin-left:auto}.charity-beneficiary-stories form{background-color:var(--pink);border-radius:20px;display:flex;justify-content:space-between;padding:20px}.charity-beneficiary-stories input{flex-grow:1;margin-right:10px}.charity-beneficiary-stories button{background-color:#05667b;border:none;border-radius:3px;color:#fff;cursor:pointer;height:30px;padding:5px 10px;width:100px}.charity-beneficiary-stories button:hover{background-color:#045266}.charity-beneficiary-stories ul{list-style-type:none;padding:0}.story{align-items:center;background-color:var(--pink);border:2px solid #000;border-radius:10px;color:var(--blue);display:flex;flex-direction:column;justify-content:space-between;margin:20px;text-align:center;width:600px}.charity-beneficiary-stories li span{color:#05667b}.add-story{align-items:space-around;background-color:var(--pink);display:flex;flex-direction:column;justify-content:space-around;padding-bottom:30px}.stories h5{color:var(--blue);font-size:30px;margin:0;text-align:center}.stories{display:flex;flex-wrap:wrap}.buttons{justify-content:space-around;width:300px}#title{font-size:30px;margin:0}#title,.stories-title{color:var(--blue);text-align:center}.stories-title{font-size:32px;margin:10px 0 0}.administrator-login{align-items:center;background-color:pink;border:5px solid #05667b;border-radius:10px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);display:flex;flex-direction:column;margin:5% auto auto;padding:1rem;width:50%}.administrator-login form{display:flex;flex-direction:column;gap:1rem;max-width:300px;width:100%}.administrator-login label{color:#05667b;font-weight:700}.administrator-login input{border:1px solid #05667b;border-radius:5px;padding:.5rem}.administrator-login button{background-color:#05667b;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.5rem}.administrator-login button:hover{background-color:#034b59}.administrator-login h3{color:var(--blue);font-size:30px}.form-container{max-height:calc(100vh - 48px)}.form-container h1{color:#1877f2;text-align:center}.form-container form{align-items:center;display:flex;flex-direction:column;width:100%}.form-container label{font-weight:600;text-align:left}.form-container input[type=email],.form-container input[type=password]{background-color:#f0f2f5;border:none;border-radius:8px;box-sizing:border-box;font-size:16px;margin-bottom:16px;padding:12px 16px;width:100%}.form-container input[type=email]:focus,.form-container input[type=password]:focus{outline:none}.form-container input[type=submit]{background-color:#1877f2;color:#fff}.form-container input[type=submit]:hover{background-color:#166fe5}.form-container button{color:#1877f2}.container{align-items:center;display:flex;height:100vh;justify-content:center}.form-container{height:100%;margin:auto;width:350px}.whole-page{height:100vh}.landing-image{border-radius:20px;height:300px}.hero-div{display:flex;margin-left:5%;margin-right:5%;margin-top:2%}.hero-header{color:var(--blue);font-family:Italiana,serif;font-size:48px;margin:0}.hero-text{font-size:24px;line-height:5.5vh;width:750px}.mission-div{background-color:var(--pink);color:var(--blue);font-size:32px;margin-bottom:10px;margin-top:10px;text-align:center}.landing-nav{display:flex;justify-content:space-around;margin-top:0}.charity-div,.donations-div{align-items:center;background-color:var(--blue);border-radius:20px;color:var(--pink);display:flex;flex-direction:column;font-size:24px;margin-bottom:10px;margin-left:20px;margin-right:20px;padding:30px;text-align:center;width:600px}button.donations-button{width:350px}.charity-button,button.donations-button{background-color:var(--pink);border:3px solid #fff;border-radius:20px;color:var(--blue);font-size:20px;font-weight:700;height:50px;margin-top:15px}.charity-button{width:250px}.login-link:hover{color:#fff;cursor:pointer;text-decoration:underline}.login-link{font-size:20px}.donation-page{justify-content:center;margin-top:20px}#form-image{border-radius:20px;height:560px}#mpesa-logo{height:80px;margin:0;width:130px}.form-container-mpesa{height:550px;margin-left:0;width:900px}.form-container-mpesa,.pay-form-mpesa{border:3px solid var(--green);border-radius:20px}.pay-form-mpesa{color:var(--green);height:400px;margin:0 20px}.pay-form-mpesa input{border:1px solid var(--grey);border-radius:5px;height:30px;text-align:center}#prompt-button{background-color:green;border:0;border-radius:20px;color:#fff;font-size:16px;font-weight:700;height:40px;margin-bottom:10px;margin-left:auto;margin-right:auto;width:120px}.paybill-div,.send-money{border:1px solid #000;border-radius:10px;color:#000;display:flex;flex-direction:column;margin-top:20px;width:240px}.send-money-details{align-items:space-around;background-color:var(--green);border-radius:5px;color:#fff;height:80%;justify-content:space-around;margin:10px;padding-bottom:10px;padding-top:10px}.send-money-details div{background-color:#fff;border:1px solid #000;border-radius:5px;color:#000;font-weight:700;height:40px;margin:30px auto 5px;width:200px}#mpesa-number{font-size:20px}.paybill-details{align-items:space-around;background-color:var(--green);border-radius:5px;color:#fff;justify-content:space-around;margin:10px;padding-bottom:10px;padding-top:10px;width:220px}.paybill-details div{background-color:#fff;border:1px solid #000;border-radius:5px;color:#000;font-weight:700;height:40px;margin:10px auto 5px;width:180px}.prompt{border:1px solid #000;border-radius:10px;color:#000;display:flex;flex-direction:column;margin-top:20px;width:220px}.prompt-details{align-items:space-around;background-color:var(--green);border-radius:5px;color:#fff;height:50%;justify-content:space-around;margin:10px;padding-top:10px}.prompt-details input{background-color:#fff;border:1px solid #000;border-radius:5px;color:#000;margin:10px auto;width:170px}.pay-options{color:var(--green);display:flex;justify-content:space-around}.bill-mpesa{display:flex}#options-header{padding-top:20px}form h3{color:#000;padding-top:10px}#send-number{margin-top:10px;padding-top:10px}.additional-options div{margin-top:5px}.amount-form input{font-size:16px;height:50px;margin:10px 0 0;text-align:center;width:200px}.amount-form button{border:0;font-size:18px;font-weight:700;height:50px;width:220px}.amount-form h4{color:var(--blue)}.amount-form{align-items:center;border:3px solid var(--pink);border-radius:10px;display:flex;flex-direction:column;height:300px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:15vh;width:1100px}#additional-options{display:flex;justify-content:space-around;width:1000px}#additional-options input{margin:0;width:20px}#additional-options div{margin-left:10px;margin-top:15px}.options h4{margin:10px;text-align:center}.form-image{height:1000px;width:600px}.form-container{border:5px solid blue;border-radius:15px;height:1000px;margin-left:50px;width:900px}.pay-form{border:5px solid blue;height:800px;margin:20px}.donate-button{background-color:blue;color:#fff}.single-charity{background-color:var(--pink);border:3px solid var(--blue);border-radius:15px;color:var(--blue);margin-top:5vh;width:85%}.content-div,.single-charity{margin-left:auto;margin-right:auto}.content-div{display:flex;width:90%}.content-div h3{font-size:32px;margin:15px}.content-div h4{margin:10px}.content-div p{border:2px solid var(--blue);border-radius:10px;font-size:16px;line-height:25px;padding:10px}.content-div img{border-radius:15px;height:300px;margin-left:10px;margin-top:10px}.button-div{margin-left:auto;margin-right:auto;margin-top:40px;padding-bottom:20px;width:50%}.button-div button{border:0;border-radius:10px;font-size:24px;margin-left:20px;margin-right:20px}#accept-button{background-color:green;color:#fff;height:50px;width:200px}#delete-button,#reject-button{background-color:red;color:#fff;height:50px;width:200px}#delete-button{margin-left:120px}.admin-header{color:var(--blue);font-size:32px;margin:20px 0 0;text-align:center}.donation-page{display:flex;text-align:center}.form-image{border-radius:20px;height:830px;object-fit:cover;width:500px}.mpesa-logo{height:60px;margin-left:80px;margin-right:80px;width:100px}.paypal-logo{align-items:center;height:30px;margin-top:15px;width:120px}.card-svg{height:40px;margin:0;width:50px}.card-pay-div{align-items:center;color:var(--blue);display:flex;font-size:24px;font-weight:700}.main-header{color:var(--blue);font-size:32px}.sub-header{color:var(--blue);font-size:24px}.pay-methods{display:flex;justify-content:center;margin:0}.pay-form{border:5px solid var(--pink);border-radius:20px;color:var(--blue);height:820px}.pay-form input{border:1px solid var(--grey);border-radius:5px;text-align:center}.pay-form input[type=text]{height:30px;width:350px}.donate-button{background-color:var(--pink);border-radius:10px;color:var(--blue);font-size:24px;font-weight:700;height:50px;margin-top:20px;width:180px}.contacts,.payer-details{display:flex;justify-content:space-around;margin-left:auto;margin-right:auto;width:800px}.payer-details{flex-wrap:wrap}.payer-details input{margin-top:20px}.additional-options{display:flex;font-size:14px;height:20px;justify-content:space-around;margin-left:auto;margin-right:auto;width:800px}.additional-options input{margin:0}.mission-desc{display:flex;flex-direction:column;width:100%}#charity-mission{height:50px}#charity-description,#charity-mission{margin-left:auto;margin-right:auto;margin-top:10px;width:750px}#charity-description{height:200px}.contacts input[type=text]{width:220px}h4{font-size:24px}.payment-methods{border:3px solid var(--pink);border-radius:10px;display:flex;flex-direction:column;height:270px;justify-content:space-around;margin-left:auto;margin-right:auto;margin-top:2vh;padding:20px;width:450px}#mpesa-button{align-items:center;background-color:#27b927;border:0;border-radius:5px;color:#fff;display:flex;font-size:24px;height:50px;justify-content:center;width:100%}h3#choose-pay{color:var(--blue);font-size:22px;margin:20px;text-align:center}#button-image{height:40px;object-fit:contain}.main-header{font-size:27px;text-align:center}.page-container{display:flex;justify-content:center;margin-left:auto;margin-right:auto;width:95%}#form-image{height:500px}.pay-methods-container{border:3px solid var(--pink);border-radius:15px;margin-right:20px;padding-left:20px;padding-right:20px}h2#charity-page-h2{color:var(--blue);font-size:40px;margin:10px;text-align:center}.content-container{border:5px solid var(--pink);border-radius:20px;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;width:90%}.content-container h3{background-color:var(--pink);border:3px solid var(--blue);color:var(--blue);margin-left:auto;margin-right:auto;width:300px}.donors{display:flex;justify-content:space-around}.total-amount{text-align:center}.anonymous,.named{border:5px solid var(--blue);color:var(--blue);display:flex;flex-direction:column;font-weight:700;margin-top:20px;padding-bottom:20px;text-align:center;width:40%}.single-donor{display:flex;justify-content:space-around;margin-bottom:10px;margin-top:10px}#total-amount{background-color:#fff;border-radius:10px;padding:10px}.charity-beneficiaries-management{font-family:Arial,sans-serif;margin:0 auto;text-align:center;width:80%}.charity-beneficiaries-management h1{color:#05667b;margin-bottom:1.5rem;text-align:center}.charity-beneficiaries-management h2{color:#05667b;margin-bottom:1rem}.charity-beneficiaries-management form{align-items:space-around;background-color:var(--pink);border-radius:5px;display:flex;flex-direction:row;height:30px;justify-content:space-around;margin-left:auto;margin-right:auto;width:45%}.charity-beneficiaries-management button{align-items:center;display:flex;font-size:16px;height:25px;justify-content:center;margin:0;width:200px}.charity-beneficiaries-management ul{list-style-type:none;padding:0}.charity-beneficiaries-management li{align-items:center;border:5px solid var(--pink);border-radius:5px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.charity-beneficiaries-management li button{background-color:var(--blue);font-size:.875rem;margin:0;padding:.5rem 1rem;width:60px}.charity-beneficiaries-management li button:hover{background-color:#f5a8b8}.name{color:var(--blue);font-weight:bolder;height:30px;margin:0}.add-beneficiary,.name{align-items:center;display:flex}.beneficiary{display:flex;flex-direction:column;width:400px}.buttons{display:flex}.beneficiary-container{flex-wrap:wrap}#inventory-form,.beneficiary-container{display:flex;justify-content:space-around}#inventory-form{align-items:center;background-color:var(--pink);height:50px;margin-top:40px;width:400px}#inventory-form h5{color:var(--blue)}#inventory-form input{text-align:center;width:100px}.beneficiary-name{color:var(--blue);font-size:32px;font-weight:700}.inventory{flex-direction:column;font-weight:700;text-align:center;width:200px}.inventory,.inventory-titles{align-items:space-around;display:flex;justify-content:space-around}.inventory-titles{margin-bottom:10px;width:100%}.inventory-titles li{border:none;color:var(--pink);margin:0;padding:0}.inventory-data{align-items:space-around;color:var(--blue);display:flex;justify-content:space-around;width:100%}.inventory-data li{border:none;margin:0;padding:0}.form-container{background-color:#fff;border:1px solid #dddfe2;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);display:flex;flex-direction:column;margin:0 auto;max-width:100%;padding:24px;width:400px}.form-container h1{color:var(--blue);font-size:28px;font-weight:600;margin-bottom:16px}.form-container label{display:block;font-size:14px;font-weight:900;margin-bottom:8px}.form-container input[type=password],.form-container input[type=text]{background-color:#f0f2f5;border:none;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;width:100%}.form-container input[type=password]:focus,.form-container input[type=text]:focus{outline:none}.form-container input[type=submit]{background-color:var(--pink);border:none;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);color:var(--blue);cursor:pointer;font-size:16px;font-weight:600;margin-top:16px;padding:12px 16px;transition:background-color .2s ease;width:100%}.form-container input[type=submit]:hover{background-color:#fff;border:1px solid var(--pink)}.form-container button{background-color:initial;border:none;color:var(--blue);cursor:pointer;font-size:14px;margin-top:8px;text-align:left}.form-container button:hover{text-decoration:underline}label{color:var(--blue)}.status-card{background-color:var(--pink);border:5px solid var(--blue);border-radius:15px;margin-left:auto;margin-right:auto;margin-top:20vh;width:60%}.status-title{font-family:Italianno,cursive;font-size:56px;font-weight:700;margin-bottom:4vh;margin-top:8vh}.status-message,.status-title{color:var(--blue);text-align:center}.status-message{font-size:26px;margin-bottom:5vh;margin-left:auto;margin-right:auto;width:400px}.button{margin:3vh auto;width:250px}button{background-color:var(--blue);border:0;border-radius:10px;color:var(--pink);font-size:20px;font-weight:700;height:50px;margin-left:auto;margin-right:auto;width:200px}
/*# sourceMappingURL=main.da648ef6.css.map*/