@font-face {
  font-family: "Arial Narrow";
  src: url("fonts/arialnarrow.ttf") format("truetype");
  font-weight: normal; font-style: normal;
}
@font-face {
  font-family: "Arial Narrow";
  src: url("fonts/arialnarrow_bold.ttf") format("truetype");
  font-weight: bold; font-style: normal;
}
@font-face {
  font-family: "Arial Narrow";
  src: url("fonts/arialnarrow_italic.ttf") format("truetype");
  font-weight: normal; font-style: italic;
}
@font-face {
  font-family: "Arial Narrow";
  src: url("fonts/arialnarrow_bolditalic.ttf") format("truetype");
  font-weight: bold; font-style: italic;
}

html, body { margin: 0; padding: 0; min-height: 100vh; }

body {
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.5;
  color: #000;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

main {
  max-width: 32em;
  padding: 2em;
}

h1 {
  font-size: 1em;
  font-weight: normal;
  margin: 0 0 1em;
}

p { margin: 0 0 1em; }

a, a:visited, a:hover, a:active { color: #000; }
a { text-decoration: underline; text-decoration-thickness: 1px; }

ul { list-style: none; padding: 0; margin: 0 0 1em; }
li { margin: 0; }