*, *::before, *::after {
  box-sizing: border-box; }

* {
  margin: 0; }

body {
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh; }

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%; }

input, button, textarea, select {
  font: inherit; }

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word; }

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none; }

ul[role='list'],
ol[role='list'] {
  list-style: none; }

h1, h2, h3, h4,
button, input, label {
  line-height: 1.1; }

h1, h2,
h3, h4 {
  text-wrap: balance; }

a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor; }

input, button,
textarea, select {
  font: inherit; }

textarea:not([rows]) {
  min-height: 10em; }

:target {
  scroll-margin-block: 5ex; }

@font-face {
  font-family: 'Fallback';
  src: local(Georgia);
  size-adjust: 87%;
  ascent-override: 91%;
  descent-override: normal;
  line-gap-override: 23%; }

@font-face {
  font-family: 'FallbackBold';
  src: local(Georgia);
  size-adjust: 93%;
  ascent-override: 88%;
  descent-override: normal;
  line-gap-override: 19%; }

@font-face {
  font-family: 'Novela';
  src: url("/fonts/novela-regular-webfont.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Novela';
  src: url("/fonts/novela-regularitalic-webfont.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Novela';
  src: url("/fonts/novela-bold-webfont.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Novela';
  src: url("/fonts/novela-bolditalic-webfont.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap; }

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

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

body {
  font-family: 'Novela', 'Fallback', Georgia, 'Times New Roman', Times, serif;
  display: grid;
  grid-template-columns: 1fr minmax(auto, 480px) 1fr;
  gap: 1rem;
  background-color: #E7F5FF;
  color: #1F1F1F; }

h1, h2, strong {
  font-family: 'Novela', 'FallbackBold', Georgia, 'Times New Roman', Times, serif; }

h1, h2, h3, h4, h5, h6, blockquote {
  text-wrap: balance; }

header, main, footer {
  grid-column: 2; }

header {
  margin-block-start: 1rem; }

footer {
  margin-block-start: 1rem;
  margin-block-end: 1rem; }

p, li {
  word-break: break-word;
  hyphens: auto;
  overflow-wrap: break-word; }

code, pre {
  font-family: 'BerkeleyMono', 'Consolas', 'Monaco', 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace; }

nav {
  display: flex;
  justify-content: space-between; }
  nav ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none; }
    nav ul li {
      margin: 0 0.5rem; }
      nav ul li a {
        text-decoration: none;
        color: #1F1F1F; }
        nav ul li a:hover {
          text-decoration: underline; }

footer ul {
  display: flex;
  justify-content: end;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  list-style: none; }
  footer ul li {
    margin: 0 0.5rem; }
    footer ul li a {
      text-decoration: none;
      color: #1F1F1F; }
      footer ul li a:hover {
        text-decoration: underline; }

h1 {
  font-size: 2rem;
  margin-block-start: 2.5rem;
  margin-block-end: 2.5rem; }

h2 {
  font-size: 1.25rem;
  font-weight: bold;
  margin-block-start: 1.75rem;
  margin-block-end: 0.75rem; }

h3 {
  font-size: 1.125rem;
  font-weight: normal;
  font-style: italic;
  margin-block-start: 1.25rem;
  margin-block-end: 0.75rem; }

main p {
  margin-block-start: 0.5rem;
  margin-block-end: 0.5rem; }

.job-grid {
  display: grid;
  align-items: baseline;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  margin-block-end: 1rem; }

.job-date {
  font-feature-settings: "tnum"; }

.job-description {
  margin-block-start: 0.5rem;
  margin-block-end: 0.5rem; }