:root {
  --yellow: #ffeb57;
  --green: #33984b;
  --wood: #8a4836;
  --beige-rgb: 246,202,159;
  --white-rgb: 255,255,255;
  --brass-gradient: linear-gradient(90deg,rgba(249, 230, 207, 1) 0%, rgba(191, 111, 74, 1) 25%, rgba(249, 230, 207, 1) 50%, rgba(191, 111, 74, 1) 75%, rgba(249, 230, 207, 1) 100%);
  --primary-color: var(--yellow);
  --background-color: var(--green);
  --jost: 
  --thin: 100;
  --extralight: 200;
  --light: 300;
  --normal: 400;
  --medium: 500;
  --semibold: 600;
  --bold: 700;
  --primary-font: "Jost", sans-serif;
  --corner-radius: 1.5rem;
  --bs-link-color-rgb: var(--yellow);
  --bs-link-hover-color-rgb: var(--white-rgb);
  --bs-body-font-size: 1.1rem;
}

body {
  background-color: var(--background-color);
  color: var(--primary-color);
  font-family: var(--primary-font);
  text-wrap: balance;
}

header, footer {
  background-color: var(--wood);
  aspect-ratio: 4 / 1;
}

@media only screen and (min-width: 768px) {
  header, footer {
    aspect-ratio: 5 / 1;
  }
}

@media only screen and (min-width: 1200px) {
  header, footer {
    aspect-ratio: 6 / 1;
  }
}

footer {
  color: rgb(var(--beige-rgb));
  position: relative;
}

.wd-logo {
  margin-top: -24%;
  position: relative;
}

.wd-divider {
  position: relative;
  background: var(--brass-gradient);
  height: 5px;
  box-shadow: 0 0 10px rgba(0,0,0,0.95), 0 0 2px rgba(0,0,0,1);
}

.wd-download-badge {
  width: 160px;
}

.wd-screenshot {
  border: 4px solid var(--yellow);
  border-radius: var(--corner-radius);
}