.unifrakturmaguntia-regular {
  font-family: "UnifrakturMaguntia", cursive;
  font-weight: 400;
  font-style: normal;
}
@font-face {
font-family: angelface;
src: url(https://dl.dropbox.com/s/pvxh5hqzpnhbzxe/Angelface%202.otf);
}
body {
  background-color: black;
  color: #ffe8f3;
  font-family: "ms gothic";
  text-align: center;
}

#sidebar {
  height: 100%;
  width: 350px;
  box-sizing: border-box;
  background: #230423;
  text-align: center;
  margin: auto;
  border-right: 2px ridge #86c1d8;
  top: 0px;
  left: 0px;
  float: left;
  padding: 15px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  position: fixed;
}

#sidebar::-webkit-scrollbar {
  display: none;
}

#main {
  margin-left: 350px;
  padding: 15px;
  position: relative;
}

a {
  color: white;
  font-family: "messy handwriting";
  text-shadow: 0 0 4px white;
  text-decoration: none;
  display: inline-block;
  transition: 0.5s;
  font-size: 25px;
  
}

a:hover {
  color: white;
  text-decoration: underline;
  letter-spacing: 2px;
}

.h1 {
  font-family: "UnifrakturMaguntia", cursive;
  text-shadow: 0 0 4px white;
  display: inline-block;
  font-size: 16px
  
}

.box {
    display: inline-block;
    vertical-align: top;
    margin: 3px auto;
}

.headerbox {
    display: inline-block;
    vertical-align: top;
    margin: 3px auto;     
}

.scrollbox {
    overflow: auto; 
    border: 1px solid;
    display: inline-block;
    vertical-align: top;
    max-height: 200px;
    max-width: 350px;
    text-align:left;
}
.widescrollbox {
    overflow: auto; 
    border: 1px solid white;
    display: inline-block;
    vertical-align: top;
    max-height: 200px;
    max-width: 450px;
    text-align:left;
}