/* Why hello there! Inspect tool is neat, isn't it? :) */

@font-face {
  font-family: MS PGothic;
  src: url(MS%20PGothic.woff2);
}

@font-face {
  font-family: ＭＳ Ｐゴシック;
  src: url(MS%20PGothic.woff2);
}

body {
  background-color: black;
  color: white;
  font-family: 'MS PGothic', 'ＭＳ Ｐゴシック', 'VT323', monospace;
}

h1 {
  font-family: 'Major Mono Display', monospace;
}
/*h2 {
 font-family: 'VT323', monospace; 
}
h3 {
 font-family: 'VT323', monospace; 
}
p {
 font-family: 'VT323', monospace; 
}*/

.container {
  overflow: auto;
  position: relative;
  border: 16px solid transparent;
  border-image: url(resources/image-border.png) 32 round;
}

.top {
  border: 16px solid transparent;
  border-image: url(resources/image-border.png) 32 round;
}
.middle {
  border: 16px solid transparent;
  border-image: url(resources/image-border.png) 32 round;
}

.navText {
  position: absolute;
}


/* Scrollbar */
::-webkit-scrollbar {
  width: 16px;
}
::-webkit-scrollbar-track {
  background: #787878;
}
::-webkit-scrollbar-thumb {
  background: #0000FC;
}
::-webkit-scrollbar-thumb:hover {
  background: #0000BC;
}


.sidebar {
  width: 14%;
  position: fixed;
  left: 0;
  top:  0;
  background-color: black;
  margin-top: 16px; 
  margin-right: -4;
  border: 16px solid transparent;
  border-image: url(resources/image-border.png) 32 round;
  overflow-x: hidden;
  z-index: 1;
}

.sidebar a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 24px;
  color: #3333FF;
  display: block;
}

.sidebar2 {
  width: 14%;
  position: fixed;
  right: 0;
  top:  0;
  background-color: black;
  margin-top: 16px; 
  margin-right: -4;
  border: 16px solid transparent;
  border-image: url(resources/image-border.png) 32 round;
  overflow-x: hidden;
  z-index: 1;
}

.body-text {
  margin-left: 150px;
  font-size: 18px;
}



.unfinished a:link {

  color: #bcbcbc;

}

.unfinished a:visited {

  color: #7c7c7c;

}


#statuscafe {
    padding: .5em;
    background-color: black;
    border: 1px solid midnightblue;
}
#statuscafe-username {
    margin-bottom: .5em;
}
#statuscafe-content {
    margin: 0 1em 0.5em 1em;
}