#donate-container {
    overflow: hidden;
}
#donate-modal {
    color:#fff;
    text-align:center;
    line-height:1.2em;
    margin-top: -500%;
    transition: 1s cubic-bezier(0, 1, 0, 1);
    font-size:0.8em;
    line-height:2em;
    font-weight:bold;
    opacity: 0;
}
#donate-modal.expanded {
   margin-top: 0;
   opacity: 1;
}
#donate-modal .payment-methods {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    text-align:center;
}
#donate-modal p {
    margin: 0 auto;
    max-width:500px;
}
#donate-modal .payment-method {
    width: 200px;
    text-align:center;
    padding:1em;
    color:#fff;
}
#donate-modal .payment-method img {
    width:200px;
    height:200px;
}
#donate-modal .payment-method.crypto img {
    width:128px;
    height:128px;
}
.crypto {
    margin:0;
    padding:0;
}
.crypto li {
    margin:0;
    padding:0;
    list-style-type: none;
    font-family: monospace;
    font-size: 1em;
}
.crypto a {
    font-family: monospace;
    text-decoration: underline;
    color:#2ef;
    padding:10px 0 10px 0;
}
.crypto a:hover, .crypto a:active {
    opacity: 1 !important;
    text-decoration: none;
    color:#fff;
    background:#f0f;
}
.crypto div {
    padding:1em;
    margin-top:1em;
    display:flex;
    align-items: center;
}
.crypto .crypto-qr {
    display:none;
    position: fixed;
}
.crypto .crypto-qr {
}
.crypto .crypto-qr span {
    background:#f0f;
    padding:1em;
    display:block;
    position:relative;
    top:-200px;
    left:0px;
}
.crypto a:hover .crypto-qr {
    display:inline;
}
.address {
    font-family: monospace;
    font-size: 1.4em;
    margin-left:1em;
    color:#fff;
}
#donate-button {
    display:block;
    margin-bottom:1em;
}



.copied-tt {
    position:absolute;
    display:none;
    top:-100px;
    left:10px;
}
.copied-tt span {
    display:block;
    position:relative;
    top:130px;
    width:200px;
    left:0px;
    background:#fff;
    padding:1em;
    color:#000;
}