@font-face {
  font-family: 'HughisLife';
  src: url('fonts/HughisLifePersonalUse-Italic.woff2') format('woff2'),
       url('fonts/HughisLifePersonalUse-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

.page {
  max-width: 68ch;
  margin: 50px auto;
  padding: 0 12px;
}


body {
  font-family: "Arial", "sans-serif";
  background-color: #e3e3d9;
  color: #2e2e2e;
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: 0.25px;
}


h1 {
  font-family: "HughisLife", "Arial", "sans-serif";
  color: #3a37f5;
  font-size: 56px;
  text-align: center;
  font-weight: 700;
  letter-spacing: 4px;
  margin-bottom: 0.4em;
  font-style: italic; 
}


h2 {
  font-family: "Arial", "sans-serif";
  color: #4157f5;
  font-size: 22px;
  font-weight: 600;
  margin-top: 2.2em;
  margin-bottom: 0.4em;
}


.post {
  margin-bottom: 1.7em;
}


time {
  color: #625ca8;
  font-size: 15px;
  font-style: italic;
  display: block;
  margin-bottom: 12px;
}


p {
  text-align: justify;
  margin-bottom: 1rem;
  font-size: 16px;
  line-height: 1.7;
}


em {
  color: #ffffff;
  background-color: rgba(81, 115, 255, 0.75);
  padding: 2px 6px;
  border-radius: 3px;
}


strong {
  color: #3a37f5;
  font-weight: 700;
}


a {
  color: #d64aa5;
  text-decoration: underline;
  font-weight: 600;
}