@font-face {
  font-family: 'Redaction_70-Regular';
  src: url('redaction/Redaction_70-Regular.woff2') format('woff2'),
}
@font-face {
  font-family: 'LibreClarendonCondensed-Regular';
  src: url('libre clarendon/LibreClarendonCondensed-62Regular.otf') format('opentype'),
}
@font-face {
  font-family: 'LibreClarendonCondensed-Medium';
  src: url('libre clarendon/LibreClarendonCondensed-96Medium.otf') format('opentype'),
}

body {
  background-color: black;
}
h1 {
  font-family: 'LibreClarendonCondensed-Medium', sans-serif;
  font-size: 46px;
  font-weight: 600;
  color: #B11c1c;
  text-align: center;
}

.navbar {
  height: 1.8em;
  display: inline;
  vertical-align: bottom;
}

h2 {
  font-family: 'LibreClarendonCondensed-Regular', sans-serif;
  font-size: 36px;
  font-weight: 600;
  color: white;
  text-align: center;
}

span {
  color: #B11C1C;
}

p {
  font-size: 56px;
  font-weight: 400;
  font-family: 'LibreClarendonCondensed-Regular', sans-serif;
  color: white;
  text-align: center;
}

a:link {
	font-family: 'LibreClarendonCondensed', monospace;
	color: #B11C1C;
  font-size: 18px;
	font-weight: 400;
	text-decoration: underline;
	text-decoration-color: #B11C1C;
	text-decoration-style: wavy;
}

img {
    padding: 0;
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
}
/* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 48%;
  padding: 5px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {
  .column {
    width: 100%;
  }
}

.hide {
  display: none;
}