/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

@font-face {
  font-family: 'Courier';
  src: url(https://daedalusmachine.neocities.org/FONTS/COUR.ttf);
}

@font-face {
  font-family: 'DMSans';
  src: url(https://daedalusmachine.neocities.org/FONTS/DM.ttf);
}

@font-face {
  font-family: 'EBGaramond';
  src: url(https://daedalusmachine.neocities.org/FONTS/EBG.ttf);
}

@font-face {
  font-family: 'Helvetica';
  src: url(https://daedalusmachine.neocities.org/FONTS/HELV.ttf);
}

@font-face {
  font-family: 'LibreBarcode39';
  src: url(https://daedalusmachine.neocities.org/FONTS/LB39.ttf);
}

@font-face {
  font-family: 'LibreBaskerville';
  src: url(https://daedalusmachine.neocities.org/FONTS/LBBV.ttf);
}

@font-face {
  font-family: 'IBMPlexSans';
  src: url(https://daedalusmachine.neocities.org/FONTS/IBMPS.ttf);
}

@font-face {
  font-family: 'IBMPlexSerif';
  src: url(https://daedalusmachine.neocities.org/FONTS/IBMPSER.ttf);
}

@font-face {
  font-family: 'Roboto';
  src: url(https://daedalusmachine.neocities.org/FONTS/ROBO.ttf);
}

@font-face {
  font-family: 'Verdana';
  src: url(https://daedalusmachine.neocities.org/FONTS/VERD.ttf);
}

* {
  box-sizing: border-box;
}

figure {
  display: inline-block; 
}

body {
  background-color: white;
  font-family: DMSans, sans-serif;
  opacity: 0;
  transition: opacity .5s;
}

/* custom divs */

.footnoteHover{
  cursor: help; 
}

.footnoteContent {
  display:none;
  position: absolute;
  transition: fade 2s;
  padding: 0.2em;
  border-width: 0.1em;
  border-style: solid;
  width: 15%;
  animation-name: footnoteCreator;
  animation-duration: 1s; 
  margin:0px auto;
  overflow:auto;
}

@keyframes footnoteCreator {
  0% {width: 0%; height: 0%; border-width: 0.1em; border-style: solid;}
  100% {width: 15%; border-width: 0.1em; border-style: solid;}
}

.footnoteHover:hover > .footnoteContent {
  display: inline-block;
  z-index: 1;
}

.inPlainSight {
  text-decoration: none;
  cursor: help;
  color: inherit;
}

.warning:hover {
  text-decoration: underline;
  cursor: help;
  color: inherit;
}

/* Characters */

.FUND {
  font-weight: bold; 
}

.REALM {
  color: #ff0000;
  border-color: #ff0000;
}

.ARROW {
  color: #7f0000;
  border-color: #7f0000;
}

.SENSE {
  color: #ff7f00;
  border-color: #ff7f00;
}

.FAITH {
  color: #ffff00;
  border-color: #ffff00;
}

.FAITH2 {
  color: #ffd218;
  border-color: #ffd218;
}

.LIMIT {
  color: #00ff00;
  border-color:#00ff00;
}

.TRUTH {
  color: #00ffff;
  border-color:#00ffff;
}

.UNITY {
  color: #0000ff;
  border-color:#0000ff;
}

.CYCLE {
  color: #7f00ff;
  border-color:#7f00ff;
}

.FORCE {
  color: #ff00ff;
  border-color:#ff00ff;
}

.OCEAN {
  color: #0087ff; 
  border-color: #0087ff; 
}

.CLOUD {
  color: #7f7f7f; 
  border-color: #7f7f7f; 
}

.NAR1 {
  background-color: white;
  border-color: #000000;
  color: #000000;
}

.ESTHER {
  background-color: black;
  border-color: #60937e;
  color: #00fe96;
}

/* Misc */

#outerContainer #mainContainer .toolbar {
  display: none !important; /* hide PDF viewer toolbar */
}
#outerContainer #mainContainer #viewerContainer {
  top: 0 !important; /* move doc up into empty bar space */
}