@font-face {
  font-family: RW;
  src: url("/rain-world-menu-font-webfont.otf.woff2");
}

body {
  font-size:12px;
  color: whitesmoke;
  background-color: black;
}

a {
   text-decoration: none;
   color: #d69ad6;
}

a:hover {
  color: #e9d1ff;
}

.c {
  text-align: center;
}

.pink {
  color: #d69ad6;
}

.greyed {
  color: #74827e;
}

.proxy {
  padding: 0px 0px 1px 8px;
  margin: 10px 5px;
}

.liz {
  color: #ccf8ff;
  border-left: 1px dotted cyan;
}

.vix {
  color: #ffcce9;
  border-left: 1px dotted hotpink;
}

.dwn {
  color: #d1d1d1;
  border-left: 1px dotted grey;
}

.eve {
  color: #e3ffcc;
  border-left: 1px dotted teal;
}

#container{
   display:flex;
   color: whitesmoke;
   margin: 0 auto;
   padding: 20px;
   justify-content: center;
   align-items: center;
}

#box {
   background-color: black;
   float:left;
   width:900px;
   border: 1px dotted white;
   border-radius: 3px;
   overflow:hidden;
   padding:5px;
}

.bubble {
  font-family: 'RW', sans-serif;
  background-color: black;
  border: 3px solid white;
  color: white;
  margin: 5px 5px 5px 5px;
  border-radius: 10px;
}

.text {
   padding: 0px 10px 0px 10px;
}