:root{
    --beige:rgb(255, 239, 202);
}
.blurred{backdrop-filter: blur(20px);}
.important-btn{}
.important-btn:hover{background-color: #3e91d4;}
.cornered{border-radius: 20px;}
.hide{display: none;}

.adjust-center{margin-left: 50%; transform: translate(-50%,0);}
.display-5{font-size: 30px;}

.alt-bgr{background-color: var(--beige);}
.alt-bgr-img{background: linear-gradient(var(--beige),var(--beige),rgba(255, 223, 117, 0.896)), url(../images/charity.jpg); background-repeat: repeat-x; background-position: 0% 100%; background-size: 300px;}

.donation-bgr{background: linear-gradient(rgba(3, 43, 83, 0.86),rgb(2, 44, 76)), url(../images/donation-bgr.jpg); background-repeat: no-repeat; background-size: auto;}

.stroke-underline::before{ content: ""; position: absolute; width: 200px; height: 40px; margin-top: 30px; background: url(../images/stroke.png);
background-repeat: no-repeat; background-size: cover;}

.custom-modal{position: fixed; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(20px); z-index: 2000; display: grid;
place-items: center; display: none; padding-top: 30px;}
.custom-modal-body{padding: 20px;}

/* .mine{background-color: linear-gradient(#1a6b8b,#092b38);} */