@font-face {
  font-family: 'Iosevka Aile';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(./Fuentes/Iosevka%20Aile%20400.woff2) format(woff2),
       url(./Fuentes/Iosevka%20Aile%20400.woff) format('woff');
}

body {
  font-family: 'Iosevka Aile', -apple-system, BlinkMacSystemFont, avenir next, avenir,
    segoe ui, helvetica neue, Adwaita Sans, Cantarell, Ubuntu, roboto,
    noto, helvetica, arial, sans-serif;
  background-color: #ffea00;
  color: black;
  margin: 6rem;
  line-height: 1.5;
  text-wrap: balance;
}

@media (any-pointer:coarse) and (max-device-width: 480px) {
  body {
    margin: 1rem;
  }
}

h1, h2, h3 {
  font-weight: bold;
}

img:not(.badge) {
  margin: auto;
  display: block;
  width: 30%;
  height: auto;
  filter: grayscale(100%) sepia(100%);
  mix-blend-mode: darken;
}

img:not(.badge):hover {
  filter: none;
  mix-blend-mode: unset;
}

img.badge {
  height: 48px;
}

a {
  display: block;
  text-decoration: underline;
  text-decoration-style: dashed;
  font-style: inherit;
  text-decoration-thickness: 1;
  color: inherit;
  margin: 2px;
}

a[href^='./']:before {
  content: '🌱️ ';
}

a[href^='https:']:before {
  content: '🌐️ ';
}

a[href^='xmpp:']:before {
  content: '💬️ ';
}

a[href^='gemini:']:before {
  content: '♊️ ';
}

a.back-link:before {
  content: '🏠 ';
}

a:hover, a:focus {
  font-weight: bold;
}

header {
  border-bottom-style: dashed;
  border-bottom-color: inherit;
  border-bottom-width: 1.64px;
}

header a {
  margin-bottom: 1rem;
}

footer {
  text-align: center;
  margin-top: 1rem;
  border-top-style: dashed;
  border-top-color: inherit;
  border-top-width: 1.64px;
}