::-webkit-scrollbar {
width: 13px;
height:13px;
background: #e77fff;
border: 6px solid white;
}
 
::-webkit-scrollbar-thumb {
background: #e77fff;
border: 4px solid white;
}

body {
  background: white url('/img/bg/purplegrid.png');
  color: black;
  font-family: times;
  font-size: 19px;
  line-height:120%;
}

p {
  margin:0 0 10px 0;
  padding:0;
}
 
pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

a {
  text-decoration:none;
  color:#000000;
  border-bottom:1px dotted #000000;
  text-shadow:none;
}

a:hover {
  text-decoration:none;
  color:#000000;
  border-bottom:1px dotted #000000;
  text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff, 0 0 4px #ffffff;
}

#wrap {
  width: 650px;
  max-height:650px;
  margin: 30px auto;
  padding:10px;
}

.title {
  color:#e77fff;
  font-size:38px;
  font-weight:bold;
  width:300px;
  margin:auto;
  margin-bottom:30px;
  text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff, 0 0 4px #ffffff;
  text-align:center;
}

.headerimg {
  width: 600px;
  margin:auto;
  text-align:center;
}

.container {
  background: white;
  width: 600px;
  height:500px;
  overflow:auto;
  border: 1px solid #e77fff;
  margin:0 auto;
  padding:10px;
  text-align:justify;
}

.navi {
  background: #e77fff;
  width: 620px;
  border: 1px solid #e77fff;
  height:25px;
  margin:auto;
  margin-top:0;
  text-align:center;
}

.navi a {
  text-decoration:none;
  color:#ffffff;
  border-bottom:none;
  text-shadow:none;
}

.navi a:hover {
  text-decoration:none;
  color:#e77fff;
  border-bottom:none;
  text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff, 0 0 4px #ffffff;
}