/* basic */

a {
  color: #1FA7A6;
}

body {
  background-color: #817965;
  color: black;
  font-family: Verdana;
  margin: 5%;
  padding: 0;
  font-size: 100%;
}

#center{
  text-align: center;
}

.characterimg1 {
  float: left;
  width: 30%;
  margin-right: 5%;
}

.characterimg2 {
  width: 30%;
  float: left;
  margin-right: 5%;
}

.characterimg3 {
  width: 30%;
}

.main {
  margin-left: 25%;
  background-color: #FFE8C5;
  padding: 5%;
  border-radius: 20px;
  color: #578088;
}

.socials {
  list-style: none;
}

.update {
  background-color: #9CD3C9;
  padding: 1%;
  border-radius: 20px;
  margin-top: 5%;
  margin-left: 30%;
}

.update-text {
  text-align: left;
  list-style: none;
}

.main p {
  text-align: left;
}

.titleimg {
  margin-left: 5%;
  width: 75%;
  height: 140px;
}

.here {
  opacity: 0.5;
}

/* Navigation */

.left {
  width: 20%;
  float: left;
  background-color: #FFE8C5;
  border-radius: 20px;
  font-size: 120%;
}

.nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav li {
  margin: 1px 0;
  border: 1px solid #999;
}

.nav li a {
  display: block;
  line-height: 3em;
  width: 100%;
  text-decoration: none;
}