body {
  background-color: white;
  background-image: url(/site_assets/royalpattern2.png);
  background-size: 20%;
  background-repeat: repeat;
  background-attachment: fixed;
  font-family: "Times New Roman", Times, serif;
}

 /* unvisited link */
a:link {
  color: #2C7735;
}

/* visited link */
a:visited {
  color: #00732B;
}

/* mouse over link */
a:hover {
  color: #7DCA6A;
}

/* selected link */
a:active {
  color: #1B4F0E;
} 

.container {
  border-radius: 9px;
  margin:auto;
  width: 1050px;
  background-color: #F3F3F1;
}

.navbar {
  margin: auto;
  width: 750px;
  height: 30px;
  padding-top: 5px;
}

.boxtext {
  font-size:20px;
  overflow:auto;
  color: black;
  overflow-y: scroll;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  text-align: justify;
}


.button {
  background-color: green;
  border-radius: 5px;
  margin: 10px 0px;
  color: white;
  padding: 5px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 17px;
  transition-duration: 0.2s;
}
		
.button:hover {
  background-color: #564c9e;
  color: white;
}






.CharaWrap {
  width: 950px;
  height: 250px;
  display: flex;
}


.TextDiv {
  padding-left: 30px;
  height:200px;
  overflow: scroll;
}

.ImgDiv {
  width: 200px;
}