@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");

html,
body {
  display: flex;
  place-content: center;
  place-items: center;
  min-height: 100dvh;
}
html {
  font-size: calc(70% + 0.25vmin + 0.25vw);
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  text-wrap: pretty;

  background: #0308fc;
  background: url("/bg.jpeg") no-repeat fixed 45% 100% / cover,
    #0308fc linear-gradient(#0308fc, #b651e2) fixed;
  color: #fff;

  font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-variation-settings: "wdth" 100, "YTLC" 500;
}
body {
  margin: calc(1em + 1dvw);
}

main,
main > img {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAbCAYAAAA6aQxyAAAAAXNSR0IArs4c6QAAAPRlWElmTU0AKgAAAAgABgESAAMAAAABAAEAAAEaAAUAAAABAAAAVgEbAAUAAAABAAAAXgExAAIAAABOAAAAZgE7AAIAAAAWAAAAtIdpAAQAAAABAAAAygAAAAAAAABgAAAAAQAAAGAAAAABQ2FudmEgKFJlbmRlcmVyKSBkb2M9REFHNVI3ZGxRMW8gdXNlcj1VQUc1R0xvQWc5dyBicmFuZD1CQUc1R0FkYUozZyB0ZW1wbGF0ZT0AQm95Y290dCBFdXJvdmlzaW9uIEF1AAADoAEAAwAAAAEAAQAAoAIABAAAAAEAAAAwoAMABAAAAAEAAAAbAAAAAPkZwwwAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAXCaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA2LjAuMCI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICAgICAgICAgIHhtbG5zOkF0dHJpYj0iaHR0cDovL25zLmF0dHJpYnV0aW9uLmNvbS9hZHMvMS4wLyIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIj4KICAgICAgICAgPHRpZmY6WVJlc29sdXRpb24+OTY8L3RpZmY6WVJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOlhSZXNvbHV0aW9uPjk2PC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8ZGM6Y3JlYXRvcj4KICAgICAgICAgICAgPHJkZjpTZXE+CiAgICAgICAgICAgICAgIDxyZGY6bGk+Qm95Y290dCBFdXJvdmlzaW9uIEF1PC9yZGY6bGk+CiAgICAgICAgICAgIDwvcmRmOlNlcT4KICAgICAgICAgPC9kYzpjcmVhdG9yPgogICAgICAgICA8ZGM6dGl0bGU+CiAgICAgICAgICAgIDxyZGY6QWx0PgogICAgICAgICAgICAgICA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPmJsdWVwaW5rIC0gUGV0aXRpb24gQmFubmVyPC9yZGY6bGk+CiAgICAgICAgICAgIDwvcmRmOkFsdD4KICAgICAgICAgPC9kYzp0aXRsZT4KICAgICAgICAgPEF0dHJpYjpBZHM+CiAgICAgICAgICAgIDxyZGY6U2VxPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPEF0dHJpYjpUb3VjaFR5cGU+MjwvQXR0cmliOlRvdWNoVHlwZT4KICAgICAgICAgICAgICAgICAgPEF0dHJpYjpDcmVhdGVkPjIwMjUtMTEtMjE8L0F0dHJpYjpDcmVhdGVkPgogICAgICAgICAgICAgICAgICA8QXR0cmliOkV4dElkPmI1MGQyNDMyLTIyMGEtNDljYy1hOGQ3LTQxYzE2YTg4ZDljYTwvQXR0cmliOkV4dElkPgogICAgICAgICAgICAgICAgICA8QXR0cmliOkZiSWQ+NTI1MjY1OTE0MTc5NTgwPC9BdHRyaWI6RmJJZD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgIDwvcmRmOlNlcT4KICAgICAgICAgPC9BdHRyaWI6QWRzPgogICAgICAgICA8eG1wOkNyZWF0b3JUb29sPkNhbnZhIChSZW5kZXJlcikgZG9jPURBRzVSN2RsUTFvIHVzZXI9VUFHNUdMb0FnOXcgYnJhbmQ9QkFHNUdBZGFKM2cgdGVtcGxhdGU9PC94bXA6Q3JlYXRvclRvb2w+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBt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")
    no-repeat top/contain;
}
main {
  position: relative;
  margin: auto;
  padding: min(1em, 2dvw) min(2em, 4dvw);
  border-radius: 2em;
  max-width: 66ch;
  backdrop-filter: blur(0.1em);
  color-scheme: light dark;
  color: color-mix(in srgb, CanvasText, Canvas 12%);
  background-color: #fffd;
  background-color: color-mix(
    in srgb,
    transparent,
    color-mix(in srgb, Canvas, CanvasText 3%) 90%
  );
  box-shadow: 0 0 2em color-mix(in srgb, CanvasText, transparent 50%);
}
main::before {
  content: "";
  display: block;
  aspect-ratio: 2400 / 1350;
  padding-bottom: min(1em, 2dvw);
}
main > img {
  border-radius: 2em 2em 0 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 2400 / 1350;
}

h1 {
  line-height: 1.4;
}
h1,
h1 + p {
  text-align: center;
  text-wrap: balance;
}
h1 + p {
  font-size: 1.5em;
}
h1 + p + p {
  font-size: 0.9em;
}
.caps {
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
h1 .caps {
  font-size: 0.75em;
}
ul {
  padding-left: 1em;
}
a {
  text-underline-offset: 0.22em;
}

ul {
  padding: 0;
}
li {
  list-style: none;
  margin: 1rem 0;
}
li a {
  display: flex;
  place-items: center;
  gap: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  background-color: #000c;
  background-color: color-mix(in srgb, #b651e2, CanvasText 45%);
  color: #fff;
  color: Canvas;
  font-size: 1.2rem;
  line-height: 1.4;
  text-decoration-line: none;
}
li a:hover {
  background-color: #b651e2;
  background-color: color-mix(in srgb, #b651e2, CanvasText 30%);
}
li a span {
  word-wrap: break-word;
}
li a span span,
li a strong {
  text-decoration-line: none;
  text-decoration-color: Canvas;
  text-underline-offset: 0.25em;
}
li a:hover span span,
li a strong {
  text-decoration-line: underline;
}
li a::before {
  content: attr(data-emoji);
  flex-shrink: 0;
  font-size: 4rem;
  line-height: 1;
}
li a strong {
  font-size: 1.4rem;
  line-height: 1.4;
  padding-bottom: 0.2rem;
  display: block;
  text-transform: uppercase;
}