@font-face {
  font-family: "DOS"; 
  src: url('../assets/font/Px437_DOS-V_re_ANK24.woff2') format('woff2');
}

body {
  background: #5c330e url("journalbg.jpg");
  color: black;
  font-family: "DOS", "Courier New", Courier, monospace;
  font-smooth: never;
  background-size: 500px;
}

.paper {
  max-width:40em;
  background: #f6f6f6;
  box-shadow: 0 0 0.4rem rgb(0,0,0,0.75);
}

.paper h1 {
  padding: 2rem 0.2rem 0.3rem 2rem;
  margin: 0px;
}

.flex { display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; }

.paper .body {
  padding: 0.4rem 1.6rem 0.4rem 1.6rem;
}

.paper h2 {
  padding: 0 0 0 1.6rem;
  margin: 0;
}

.paper h3 {
  padding: 0 0 0 1.7rem;
  margin: 0;
  letter-spacing: 0.2rem;
  transform: scaleX(1.4) translate(5rem, 0.150rem);
}

.paper p {
  margin: 0;
  padding: 0.7rem 0 0 0;
  font-size: 1.1rem;
}

.paper hr {
  border: 1px solid #020202;
}

#briefing .paper .body a {
  font-size: 1.2rem;
  margin: 0 0 0 2.5rem;
  color: #020202;
  text-decoration: none;
  padding: 0rem 1rem 0 1rem;
}

#briefing .paper .body a:hover {
  font-size: 1.2rem;
  margin: 0 0 0 2.5rem;
  color: #f6f6f6;
  text-decoration: underline dotted;
  background: #020202;
  padding: 0rem 1rem 0 1rem;
  font-weight: bold;
}

img {
  max-width: 100%;
  image-rendering: pixelated;
}

dt {
  font-weight: bold;
  letter-spacing: -0.025rem;
  text-align: left;
}

dd {
  letter-spacing: 0.125rem;
  text-align: right;
}

dt:before {
  content: '------------------';
  display: block;
	width: 100%;
	padding: 0;
	margin: 0;
}

dd:after {
  content: '------------------';
  display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	font-weight: bold;
	letter-spacing: -0.025rem;
}