@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600;800&display=swap");

a {
  font-family: "Montserrat", sans-serif;
  justify-content: center;
  align-items: center;
  padding: var(--padding);
  padding-bottom: calc(var(--padding) + var(--padding));
  background: url("./../assets/supportPreviewBackground.png") no-repeat center
    center / cover;
}

.thanksTo {
  font-size: var(--padding);
  margin-left: 0.8em;
  position: relative;
  top: 0.3em;
}

.name {
  font-size: calc(var(--padding) * 2.8);
}

.supportMe {
  text-align: center;
  font-size: var(--padding);
  position: absolute;
  bottom: var(--padding);
  left: 0;
  right: 0;
  color: #fef997;
}

@media (min-aspect-ratio: 1100/520) {
  .thanksTo {
    font-size: calc(var(--padding) * 1.8);
    top: 0;
    margin-left: 0;
    margin-right: 0.5em;
  }
}