@font-face {
  font-family: 'Manrope';
  src: url(/assets/fonts/manrope.ttf);
  font-weight: 200 800;
}

:root {
  --background: #FFF;
  --text: #000;
  --link: #00E;
}
body {
  font-family: 'Manrope', sans-serif;
  margin: 0;
  padding: .5em;
  color: var(--text);
  background: var(--background);
  user-select: none;
}
a {
  text-decoration: none;
  color: var(--link);
}
a:hover, a:active { text-decoration: underline; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; }

form { margin: 0; }

h1 {
  text-align: center;
  margin: 0 0 .5rem;
}
.subtitle {
  text-align: center;
  margin: 0 0 1rem;
}

.offers {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: .25rem
}
.offers__item {
  border: 2px #888 dashed;
  padding: .5rem;
}
.offers__item.permanent {
  border-style: solid;
  border-color: #98e9fb;
}
.offers__item-img {
  float: left;
  margin-inline-end: .5rem;
}
.offers__item-title {
  font-size: 1.25rem;
  margin: 0 0 .25rem;
}
.offers__item-description {
  margin: 0 0 .25rem;
}
.offers__item-buy {
  text-align: right;
}
.offers__item-buy-btn {
  font-size: 1.1rem;
  margin-left: .5rem;
}
.offers__item-warning {
  color: #C00;
}

.other-methods p {
  text-align: center;
}
.other-methods ul {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.other-methods li {
  transition: scale .25s ease;
}
.other-methods li:hover {
  scale: 1.2;
}
.logo-boosty {
  background-color: #F15F2C;
  border-radius: 6px;
}

.footer-text {
  opacity: .6;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: .2em;
}
.footer-text p {
  margin: 0;
}
.disclaimer {
  font-size: .8em;
}

:target {
  background-color: #FF02;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #1A1A1A;
    --text: #D1D1D1;
    --link: #9E9EFF;
  }
}