input { padding: 15px; width: 100%; margin: 5px 0 22px 0; display: inline-block; border: none; background: #f1f1f1; } /* To mark input boxes that gets an error on validation: */ input.invalid { background-color: #ffdddd; } /* To hide all steps by default */ .tab { display: none; } button { background-color: grey; color: black; border: none; padding: 25px 40px; cursor: pointer; margin: 8px 0; width: 10%; opacity: 0.9; } button:hover { opacity: 1; } #nextBtn { background-color: #04AA6D; color: white; border: none; padding: 14px 20px; cursor: pointer; margin: 8px 0; width: 10%; opacity: 0.9; } #nextBtn:hover { opacity: 1; } #prevBtn { background-color: #bbbbbb; color: white; border: none; padding: 14px 20px; cursor: pointer; margin: 8px 0; width: 10%; opacity: 0.9; } #preBtn:hover { opacity: 1; } /* To make circles that indicate the steps of the form */ .step { height: 15px; width: 15px; margin: 0 2px; background-color: #bbbbbb; border: none; border-radius: 50%; display: inline-block; opacity: 0.5; } .step.active { opacity: 1; } /* To mark the steps that are finished and valid */ .step.finish { background-color: #04AA6D; }

Donation Form


Please select the amount you would like to donate today!



Personal Information

Payment Information