@font-face {
  font-family: 'PixelMplus12-Regular';
  src: url('/assets/fonts/PixelMplus12-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: 'PixelMplus12-Regular', monospace;
  font-size:24px;
  background-color: #131313;
  color: white;
}

#top-header {
  margin-bottom: 5px;
  display: inline
}

h1#page-header {
  margin-bottom: 5px;
}
p#page-header, h4#page-header, h5#page-header {
  margin-top:0px;
  color:darkgray;
}

a > .row > #top-header {
  margin: 0px;
  display: inline;
  color: white;
}

#top-header > a {
  color: white;
}

.row {
  display:flex;
  flex-direction: row;
}

.nav {
  display:flex;
  flex-direction:row;
  gap: 20px;
}

.nav p, .nav a {
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  display: inline;
  height:26px;
}

.recent, .content {
  width:800px;
}

.post-info > .nav p {
  padding: 0px;
  margin: 0px 0px 0px 0px;
}
.post-info > .excerpt {
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

hr.stylized {
  border: none;
  border-radius: 0;
  height: 6px;
  background-color: darkgray;
}

a {
  color: #FFC54C;
  text-decoration: none;
}

p > img {
  object-fit: cover;
  width: 100%;
}