@font-face {
  font-family: lib-title;
  src: url('https://cogandstar.neocities.org/NIS-JTC-Win-M9.ttf');
}

@font-face {
  font-family: lib-subtitle;
  src: url('https://cogandstar.neocities.org/NIS-JTC-Win-M9.ttf');
}

@font-face {
  font-family: lib-link;
  src: url('https://cogandstar.neocities.org/texgyreheroscn-regular.otf');
}

@font-face {
  font-family: lib-body;
  src: url('https://cogandstar.neocities.org/texgyreheroscn-regular.otf');
}

@font-face {
  font-family: lib-bodybold;
  src: url('https://cogandstar.neocities.org/texgyreheroscn-bold.otf');
}

@font-face {
  font-family: lib-bodyitalic;
  src: url('https://cogandstar.neocities.org/texgyreheroscn-italic.otf');
}

body {
  background-color: #000000;
}

h3 {
 font-family:lib-title, serif;
 font-size:42px;
 margin:0px;
 transform-origin:left;
 transform:scaleX(0.79);
 text-shadow: 0 0 4px #ffffff;
}

h4 {
  font-family:lib-subtitle, serif;
  opacity:.35;
  font-style:normal;
  font-weight:400;
  font-size:33px;
  margin:0px;
  transform-origin:left;
  transform:scaleX(0.79);
  text-shadow: 0 0 4px #ffffff;
}

p {
  font-family:lib-body, sans-serif;
  font-size:18px
}

p strong {
  font-family:lib-bodybold, sans-serif;
}

p em {
  font-family:lib-bodyitalic, sans-serif;
}

a {
  font-family:lib-link, serif;
  text-decoration: none;
  font-variant: small-caps;
}
 
 /* The sidebar menu */
.sidenav {
  height: 100%; /* Full-height: remove this if you want "auto" height */
  width: 230px; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #111; /* Black */
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 20px;
}

/* The navigation menu links */
.sidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  color: #ffffff;
  display: block;
  opacity:.35;
  font-style:normal;
  font-weight:400;
  font-size:25px;
  margin:0px;
  text-shadow: 0 0 2px #ffffff;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #909090;
  text-shadow: 0 0 2px #909090;
}

.sidenav a:visited {
  color: #ffffff;
}

/* Style page content */
.main {
  margin-left: 230px; /* Same as the width of the sidebar */
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 100px;
  color: #f0f0f0;
  text-shadow: 0 0 2px #f0f0f0;
}

a {
  color: #04954d;
  text-shadow: 0 0 2px #04954d;
}

a:hover {
  color: #03793f;
  text-shadow: 0 0 2px #03793f;
}

a:visited {
  color: #5d9579;
  text-shadow: 0 0 2px #5d9579;
}

.root {
  text-align: center;
  color: #f0f0f0;
  text-shadow: 0 0 2px #f0f0f0;
}

.root ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 20px;
}

.root h3 {
  transform-origin:center;
}

.root h4 {
  transform-origin:center;
}

#pedia-footer {
  color: #000000;
  font-variant: small-caps;
  margin: auto;
  width: 10%;
  padding: 10px;
}

@media screen and (max-width: 600px) {
  .sidenav {padding-top: 15px; width:110px;}
  .sidenav a {font-size: 15px;}
  .main {margin-left: 110px; padding-right:50px;}
}