body {
  background-color: #FEFBEA;
}
h1 {
text-align:center;
color: #28112B;
font-family: "times new roman", serif;
font-size: 2em;
}

ul.nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 150px;
  background-color: #C45275;
  height: 100%; /*full height*/
  position:fixed;
  overflow: auto;
}

li.nav a {
  display: block;
  color: white;
  padding: 8px 16px;
  text-decoration: solid;
  font-size: 20px;
}

/*change the link color on hover*/
li.nav a:hover {
  background-color: #555;
  color: white;
}

header.resume {
  padding-left: 25%;
  margin-left: 70px;
  text-align: center;
}

header.contactinfo {
  padding-left: 25%;
  margin-left: 70px;
  text-align: center;
}

h1{
  padding-left: 15%;
  margin-left: 70px;
  text-align: center;
}

iframe.eliza {
  padding-left: 3%;
  flex-grow: 2;
  border: none;
  margin-top: -1%
}

div.eliza {
  display: flex;
  flex-flow: row;
  height: 100%
}

header.aiexploration {
  padding-left: 25%;
  margin-left: 70px;
  text-align: center;
}

header.gamedevelopment {
  padding-left: 25%;
  margin-left: 70px;
  text-align: center;
}

header.textanalysis {
  padding-left: 25%;
  margin-left: 70px;
  text-align: center;
}

header.home {
  padding-left: 25%;
  text-align: center;
}

header.dataset {
  padding-left: 25%;
  margin-left: 70px;
  text-align: center;
}

div.twine {
  display: flex;
  justify-content: center;
  width: 100%;
}

div.twine_statement {
  display: flex;
  felx direction: column;
  margin left: 20%;
  margin-right: 20%;
}

h2.twine {
  text-align: center;
}

p {
  font-size: 1.2em;
}

iframe.twine {
  width: 1000px;
  height: 600px;
}