/* ============================================
   8. PAGE: DONATE
   ============================================ */

/* Donate------------- */

.donateFormMainParagraph{
    position: relative;
    padding-bottom: 3rem;
    margin-bottom: 2rem;
    

}
.donateFormMainParagraph div{
    /* width: fit-content; */
    /* margin: auto; */
    padding: 1rem;
}

.donateFormMainParagraph ul{
    margin: 1rem 2rem;
}

.donateFormMainParagraph p:after{
    width:0;
}

.donateFormMainParagraph:after{
    position:absolute;
    bottom:0;
    left:25%;
    height:4px;
    width:50%;
    background:rgb(216, 216, 216);
    content:"";
}

.donationOptions{
    margin: auto;
    display:flex;
    flex-wrap: wrap;
    width:100vw;
    max-width: 100ch;
    justify-content: center;
    padding: 2rem 1rem;
    margin-bottom: 2rem;
}
.importantNotice{
    color:red;
}
.donationOptions a{
    text-decoration: none;
    margin:1rem;
    color:var(--logoCyan);
}
.donationOptions .donationList{
    width:25ch;
    height:25ch;
    border-radius: 1rem;
    border:4px solid var(--logoGreen);
    border:4px solid var(--logoCyan);
    background-color: white;
    box-shadow: var(--boxShadow);
    transition:.2s;
}
.donationOptions .highlight{
    background-color: var(--logoCyan);
    color:white;
}
.donationList p{
    font-size: 20px;
}
.donationList i{
    display: block;
    font-size: 10ch;
    text-align: center;
    padding: 2.5rem;
}
.donationOptions a:hover{
    color:white;
}
.donationOptions a:hover .donationList{
    background-color: var(--logoCyan);

}

/* ------------------- */