* {
  box-sizing: border-box;
}

html,
body {
  padding: 0;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
  color: #cc1e66;
  text-decoration: underline;
}

.page {
  background-image: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 1800px
    ),
    url('/images/home-background-clear-cut.svg');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
  width: 100%;
}

.page-wrapper {
  background-color: #fff;
  margin: 50px auto;
}

@font-face {
  font-family: NotoSans-Regular;
  src: url(/fonts/NotoSans-Regular.woff);
}

@font-face {
  font-family: NotoSans-Bold;
  src: url(/fonts/NotoSans-Bold.woff);
}

@font-face {
  font-family: NotoSans-BoldItalic;
  src: url(/fonts/NotoSans-BoldItalic.woff);
}

@font-face {
  font-family: OstrichSansHeavy;
  src: url(/fonts/OstrichSansHeavy.woff);
}

.donate-payment-holder {
  padding: 24px;
}
@media screen and (max-width: 380px) {
  .donate-payment-holder {
    padding: 24px 0;
  }
}

.current-page {
  border-bottom: 2px solid white;
}

.curvy-background-container {
  overflow: hidden;
}

.curvy-background-top {
  width: 100%;
  height: 120px;
  border-radius: 100% 100% 0 0;
  background-color: white;
}

.curvy-background-bottom {
  width: 100%;
  height: 120px;
  border-radius: 0 0 100% 100%;
  background-color: white;
  margin-top: -70px;
}

.dark-purple-gradient-background {
  color: #fff;
  background: rgb(102, 15, 51);
  background: linear-gradient(
    135deg,
    rgba(204, 30, 102, 1) 0%,
    rgba(102, 15, 51, 1) 100%
  );
}
