/* Split the screen in half */
.split {
  height: 100%;
  width: 50%;
  position: fixed;
  z-index: 1;
  top: 0;
  overflow-x: hidden;
  padding-top: 20px;
}

.left {
  left: 0;
  background-color: #b8a99a;
  color: #EAE6DA;
}

.right {
	right: 0;
	background-color: #343148;
	color: #EAE6DA;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.left img {
  width: 150px;
  border-radius: 50%;
}
.right img {
  width: 100%;
  height: 100%;
}
								
.left h1 {
	text-decoration: none;
	font-family: 'Crimson Text', serif;
	font-size: 30px;}
.left h2 {
	text-decoration: none;
	font-family: 'Crimson Text', serif;
	font-size: 18px;}
.left h3 {
	text-decoration: none;
	font-family: 'Crimson Text', serif;
	font-size: 18px;}

.left li {
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;} 
	
.left p {
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;}

.left a {
	text-decoration: none;
	font-family: 'Crimson Text', serif;}
.right a {
	text-decoration: none;
	color: #EAE6DA;
	font-size: 18px;
	font-family: 'Crimson Text', serif;}