@font-face {
  font-family: "Fluxisch";
  src: url("../fonts/fluxisch/fluxisch-light.woff") format("woff");
}

@font-face {
  font-family: "Univers";
  src: url("../fonts/univers/univers.woff") format("woff");
}

* {
  padding: 0px;
  margin: 0px;
  font-size: 1rem;
}

body{
  font-family: fluxisch;

}

#output{
  margin-top: 10rem;
  display: block;
  /* border: 1px solid black; */
}

svg {
  height: 4rem;
  width: 4rem;
  filter: invert();
  float: left;
}

header{
  margin-left: 8rem;
}

header ol{
  list-style-type: decimal-leading-zero;
}

.block-post,
.block-content,
img,
.block-source,
.block-img,
footer,
#aboutLink,
.block-meta {
  display: none;
  visibility: hidden;
}

p {
  margin-bottom: 1rem !important;
  display: block !important;
}

ul {
  list-style: none;
  padding-left: 0;
}

title {
  display: none;
}

.block-title, .block-anchor {
  display: inline;
  text-transform: uppercase;
  font-family: "fluxisch";
  font-weight: normal;
  max-width: 8cm !important;
  margin-right: 1rem;
}

.block-content>p {
  visibility: hidden;
  break-before: always;
  break-inside: avoid;
}

.blok-content {
  position: relative;
  visibility: visible;
}

.block-post {
  margin-left: 8rem;
  page-break-inside: avoid
}

.block-description {
  position: relative;
  /* margin-right: 4rem; */
  margin: 1rem;
  font-size: 1.6rem !important;
  font-family: "Fluxisch";
  font-family: georgia;
}

mark {
  color: black;
  background-color: white;
  /* font-size: 2rem; */
}

.block-prompt {
  text-transform: capitalize;
  text-align: right;
  margin-bottom: 1rem;
  display: block !important;
}


.block-prompt::before {
  content: "[";
}

.block-prompt::after {
  content: "]";
}

.block-img {
  visibility: hidden;
  display: none;
}

.print {
  visibility: visible;
  display: block;
}

.print>.block-description {
  visibility: visible;
  display: block;
}

p {
  display: inline;
}