body {
  background-image: url("https://i3.glitter-graphics.org/pub/1997/1997583dm5ylllxuy.gif");
  background-repeat: repeat;
  background-color: white;
  color: Black;
  font-family: MS Gothic;
  text-align: center;

}
  
div {
    background: #b6cfea;
    font-size:18px;
    max-width: 800px;
    padding: 10px;
    border: 2px ridge #d1b6ea;
    text-align:center;
    margin: auto; 
}
#color {
  color: red;
  font-family: Arial;
}

.topnav {
    background-color: #b6cfea;
    overflow: hidden;
}


.topnav a {
    float: left;
    color: #000000;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 20px;
}

.topnav a:hover {
    background-color: #b6e9ea;
    color: black;
}


.topnav a.active {
    background-color:  #b7b6ea;
    color: Black;
}

/* vertical menu */

.vertical-menu {
 width: 200px;
 height: 450px;
  overflow-y: auto;
}

.vertical-menu a {
  background-color: #b6cfea; 
  color: black; 
  display: block; /* Make the links appear below each other */
  padding: 12px;
  text-decoration: none;
}

.vertical-menu a:hover {
  background-color: #b6e9ea; 
}

.vertical-menu a.active {
  background-color: #b7b6ea; 
  color: black;
}

.hewwo {
 width: 88px;
 height: 20px;
}

.chat {
 width: 700px;
  background-color: white; 
  color: black;
  text-align: left;
  font-size: 15px;
}

 .idklol {
 width: 200px;
 height: 400px;
  background-color: black; 
  color: #9881a3;

}

 .smallbox {
 width: 200px;
 height: 100px;
  background-color: #f0f9ff; 
  color: #9881a3;

}

.scrollybox{
  background: white;
  color: black;
    font-size:12px;
    font-weight: bold;
    max-width: 500px;
    height: 100px;
    text-align:center;
    margin: auto; 
    overflow-y: auto;
}