@font-face {
  font-family: "iA Writer Mono";
  src: url(/fonts/iAWriterMonoS-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "iA Writer Mono";
  src: url(/fonts/iAWriterMonoS-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Cuatro";
  src: url(/fonts/iAWriterQuattroS-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Cuatro";
  src: url(/fonts/iAWriterQuattroS-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Cuatro";
  src: url(/fonts/iAWriterQuattroS-Italic.woff2) format("woff2");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Cuatro";
  src: url(/fonts/iAWriterQuattroS-BoldItalic.woff2) format("woff2");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Trattatello";
  src: url(/fonts/Trattatello.ttf) format("truetype");
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:not(.no-resize) {
  font-size: clamp(1rem, 2.5vw, 1.3em);
}

.container a {
  text-decoration: none;
  transition:
    color 0.1s,
    font-weight 0.1s;
}

.container a:hover {
  font-weight: 700;
  color: #114ba9;
}