:root{
  --white: #F5F3BB;
  --black: #412722;
  --mid: #DFA06E;
  --accent1:#86BA90;
  --accent2:#DF2935;
  }

*{
 margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;

}

body {
  background-color: var(--white);
  color: var(--black);
  font-family: 'Courier New', monospace;
  font-size: 15px;
  
}

li{
  margin-left: 1rem;
}

h1{
  font-size: 75px;
  font-family: 'Mayorice'; 
  font-stretch: 150%;
  text-align: center;
  margin-top: 20px;
}

#intro{
  height: 100vh;
  min-height: 200px;
  width: 10vw;
  min-width: 100px;
  background-color: var(--accent1);
  margin:5vh;
  padding:30px;
  display: inline;
  float: left;
  
}
.blog{
  background-color: var(--mid);
  width: 75vw;
  margin: 1rem;
  padding: 1rem;
  height: 20rem;
  display: inline;
  float: right;
}