:root {
	--purple: #291852;
}

header img {
	max-width: 100%;
}

body {
	font-family: 'Palatino', serif;
}

@media screen and (width < 50rem) {
	.portrait img {
		flex: 1;
		height: 25vh;
	}


}

.shroom img {
	position: absolute;
	right: 0;
	top: 5vh;
}

.shroom2 img {
	position: absolute;
	right: 0;
	top: 35vh;
}

@media screen and (width >= 30rem) {
	.shroom img {
		max-width: 8vw;
		}
	.shroom2 img {
		max-width: 8vw;
	}

}

@media screen and (width >= 80rem ) {
	body {
		margin: 0 15em 0 15em;
	}
	.shroom img {
		max-width: 4vw;
	}
	.shroom2 img {
		max-width: 4vw;
	}
}


h1 {
	color: var(--purple);
	font-size: 2em;
	line-height: 0.8;
	text-align: center;
}


li {
	padding:4px 0 4px 0;
}

.portrait img {
	flex: 1;
	width: 40vw;
}


footer {
	text-align: center;
	font-size: 0.75em;
}

.flexbox {
	display: block flex;
}


.decor img {
	flex: 2;
	height: 15vh;
}



.name {
	flex: 1;
}

.description {
	padding: 1em;
}

menu {
  padding: 10px;
  background-color: white;
  list-style-type: none;
  text-align: left;
  border-style: solid; 
  border-color: white;
}

menu li {
	font-size: 1.25em;
	display: inline;
	padding: 10px;
	margin: 0;
}


menu li a {
  	text-decoration: none;
}

menu:visited li a {
	color: white;
}

main {
	padding: 0 4em 1em 1em;
	position: relative;
}

.image-wrap {
	padding: 5px;
	margin: 2px;
	width: 50vh;
	width: auto;
}

.column {
	float: left;
	width: 50%;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

span.small {
	font-size: 0.75em;
}

.push {
	margin-left: auto;
}

.blog-posts {
	display: flex;
	text-align: left;
	margin-bottom: 2em;
}

.blog-posts li {
	list-style-type: none;
	color: var(--purple); 
}

.blog-posts li:visited {
	color: var(--purple);
}

.blog-posts a {
	text-decoration: none;
}

.blog-subtitle {
	margin-bottom: 1em;
	margin-left: 2em;

}

.blog-date {
	font-style: italic;
}

.blog-title {
}