/* Fonts */
@font-face {
  font-family: 'IBM Plex Sans';
  src: url(/assets/fonts/ibm/regular.ttf);
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  src: url(/assets/fonts/ibm/italic.ttf);
}


/* Primary Content */
body {
  min-height: 100vh;
  width: 100%;
  max-width: 640px;

  margin: 0 auto;

  font-family: 'IBM Plex Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

h1 {
  text-align: center;
}


/* High-Level Content */
header, section {
  border-bottom: 1px solid black;
}


/* Content Sections */
section#directory {
  a {
    color: blue;

    [href=""] {
      color: red;
    }
  }
}

footer {
  display: grid;
  
  
  nav {
    display: flex;
    flex-direction: column;
  }

  p {
    text-align: center;
  }
}

/* Specific Content */
p#tagline {
  text-align: center;
}