@font-face {
font-family: 'IBM Plex Mono', monospace;     
}      

::-moz-selection {background: #BFBFBF}
::selection {background: #BFBFBF}

body {
  font-family: 'IBM Plex Mono', monospace;    
  width: 950px;
  height: 100%;
  min-height: 100%;
  background: #808080;
}

.sidenav img{
 padding-bottom: 30px;
}

.sidenav {
  height: 100%;
  width: 420px;
  position: fixed;
  top: 0;
  left: 0;
  padding-top: 20px;
  padding-left: 20px;
}

.sidenav a {
  font-size: 8pt;
  color: #808080;
  display: inline-block;    
  background-color: black;
  letter-spacing: 10px;
  text-decoration: none;
  border-radius: 0px 13px 0px 0px;
  width: 280px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 15px;
  margin-left: 135px;
}

.sidenav a:hover {
  color: #BFBFBF;
}

.spoiler { 
  color: black; 
  background-color:black;
}

.spoiler:hover{
  color: black;
  background-color: #808080;
  }

footer {
 width: 420px;
 padding-top: 30px;
 padding-left: 135px;
 position: fixed;
 font-size: 10px;
 line-height: 25px;
 letter-spacing: 2px;
}

.box {
  background-color: black;
  width: 420px;
  height: 30px;
  margin-top: 110px;
  border-radius: 0px 13px 0px 0px;
}

.vl {
  border-left: 3px solid black;
  height: 200%;
  min-height: 200%;
  position: fixed;
  margin-left: 480px;
  margin-top: -150px;
}

.main {
  margin-left: 480px; /* Same as the width of the sidenav */
  font-size: 10pt; 
  padding-left: 50px;
  height: 100%;
  min-height: 100vh;
}

hr {
    height:2px; 
    border:none; 
    background-color:#404040;
    margin-top: 20px;
    margin-bottom: 20px;
}


h1 {
    font-size: 14pt;
    letter-spacing: 2pt;
    font-weight: 600;
    text-transform: uppercase;
}

h2 {
    font-size: 10pt;
    letter-spacing: 2pt;
    color: white;
    font-style: normal;
    text-transform: uppercase;
}

h3 {
    font-size: 10pt;
    letter-spacing: 2pt;
    color: black;
    font-style: normal;
    text-transform: uppercase;
}

p {
    font-size: 8pt;
    line-height: 12pt;
    letter-spacing: .1pt;
}

p2 {
    font-size: 8pt;
    color: white;
    letter-spacing: 1pt;
}

a {
    color: #404040;
}

a:hover {
    color: #BFBFBF;
}

table {
font-size: 8pt;
line-height: 12pt;
}

td, th{
    padding: 0px 20px 0px 0px;
}

.feat{
      border-radius: 0px 13px 0px 0px;
}

.feed {
    color: white;
    text-transform: uppercase;
}

.feed p{
    padding-bottom: 3px;
    letter-spacing: 1pt;
}

.feed a {
    color: white;
}

.feed a:hover {
    color: #BFBFBF;
}