body {
background-image: url(https://i.pinimg.com/736x/58/e9/44/58e944eaf14a2493ff8141a1d6aac2cc.jpg);
background-size: cover;
font-family: monospace;
}

.highlighted {
   background-color: blue;
   color: white;

}

#note {
   margin: 2%;
   background-color: blue;
   color: white;
   float: left;
   box-shadow: 0 0 10px white, 0 0 25px rgb(20, 191, 128);
   font-size: 20;
}


#eee {
   border: 10px solid transparent;
  margin: 5% 5% 0% 5%;
  border-image: url("https://i.pinimg.com/originals/e5/57/da/e557dabea8d72220bbac53427f7524fd.gif") 30 stretch;
  box-shadow: 0 0 10px white, 0 0 25px rgb(20, 191, 128);
  background-color: rgba(84, 84, 132, 0.7);
  background-size: cover;
}
#eee h1 {
 text-shadow: -2px 2px #ef3550,
               -4px 4px #ffd900,
               -6px 6px #59ff00,
               -8px 8px #008cff,
               -10px 10px #ff00fb;
               clear: left;
               margin-left: 20px;
}
#eee p {
   margin-left: 10px;
   float: left;
}

#yay {
   margin: 5%;
}

nav {
  padding: 10px;
  width: 180px;
   margin-left: 20px;
   margin-top: 40px;
   float: left;
     background-image: url(https://i.pinimg.com/736x/82/01/f1/8201f10f52b6d33cf0b71e4d49357862.jpg);
  background-size: cover;
  border: 5px dotted rgb(200, 154, 200);
}
nav img {
   float: left;
   height: 50px;
   margin-left: -25px;
   margin-top: 20px;
}
nav h2 {
   color: white;
   background-color: blue;
   float: left;
   margin-left: 30px;
}
nav a {
   color: black;
   font-weight: bold;
   text-shadow: 3px 3px 3px white;
}

.textbox {
   background: rgba(100, 200, 200, 0.6);
   width: 20%;
   color: white;
   overflow-x: hidden;
   padding: 10px;
         margin: 2%;
         margin-right: 0%;
      float: left;
      height: 350px;
      overflow-y: scroll;
      scrollbar-color: rgb(100, 0, 190) rgba(100, 0, 100, 0);
     scrollbar-width: thick;
}

.textbox p {
   font-size: 15px !important;
}

.textbox img {
  height: 200px;
}

.textbox h2 {
   font-size: 20px;
}

.textbox #noportrait {
   height: 100px !important;
   margin: auto;
   display: block;
   margin-top: 20px;
   margin-bottom: 20px;
}
.charborder {
   height: 20px !important;
}