/* Maybe this should be part of the reset.. */
body,
p,
h2,
h3 {
  margin: 0;
}

body {
  min-height: inherit;
}

@font-face {
  font-display: swap;
  font-family: "TimesNow-SemiLight";
  font-style: normal;
  /* font-weight: 400; */
  src: url("../fonts/TimesNow-SemiLight.woff2") format("woff2");
}

/* The support for image-set is not good enough (2025-01-14). */
html {
  background: no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  background-image: url("../media/bg_800.jpg");
  @supports (background-image: url("../media/bg_800.webp")) {
    background-image: url("../media/bg_800.webp");
  }
  @supports (background-image: url("../media/bg_800.avif")) {
    background-image: url("../media/bg_800.avif");
  }
}

@media (min-width: 800px) {
  html {
    background-image: url("../media/bg_1920.jpg");
    @supports (background-image: url("../media/bg_1920.webp")) {
      background-image: url("../media/bg_1920.webp");
    }
    @supports (background-image: url("../media/bg_1920.avif")) {
      background-image: url("../media/bg_1920.avif");
    }
  }
}

@media (min-width: 1920px) {
  html {
    background-image: url("../media/bg_2560.jpg");
    @supports (background-image: url("../media/bg_2560.webp")) {
      background-image: url("../media/bg_2560.webp");
    }
    @supports (background-image: url("../media/bg_2560.avif")) {
      background-image: url("../media/bg_2560.avif");
    }
  }
}

.container {
  background-color: transparent;
  margin-top: 10vh;
  margin-left: 10vw;
  display: flex;
  flex-direction: column;
  height: 70vh;
}

body {
  font-family: "TimesNow-SemiLight", "PT Sans", "ui-sans-serif", "system-ui",
    "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "SF Pro",
    "Helvetica", "Arial", "Noto Sans", "sans-serif";
  color: white;
}

body a {
  color: white;
}

:root {
  --font-size: clamp(1.5rem, 5vw, 2.5rem);
}

h2 a,
main {
  font-size: var(--font-size);
}

h2 {
  margin-bottom: 1.5rem;
}

main {
  line-height: var(--font-size);
  margin-top: auto;
}