@charset "utf-8";

/* CSS HEX
--dark-slate-grey: #36453bff;
--dim-grey: #596869ff;
--ebony: #515751ff;
--ivory: #f5f9e9ff;
--dry-sage: #c2c1a5ff;
*/

/* CSS HEX 
--powder-blush: #f3b3a6ff;
--rosy-taupe: #b98b82ff;
--cotton-candy: #e4959eff;
--charcoal-blue: #37515fff;

--dark-slate-grey: #36453bff;
--amber-glow: #ffa630ff;
--night-bordeaux: #4c061dff;
--ivory: #f5f9e9ff;
--dry-sage: #c2c1a5ff;
*/

body {
	font-family: "LatoWeb", "Tahoma", sans-serif;
	font-size: 1.5vw;
	font-style: normal;
	margin: 0 auto;
	max-width: 50rem;
	background-color: #f5f9e9; 
}

header {
	margin: 0 auto 5vw;
	font-family: "latoWeb", "Tahoma", sans-serif;
	text-align: center;
}

footer {
	font-family: monospace;
	font-size: small;
	margin-top: 5vw;
	margin-bottom: 5vw;
}

img.logo {
	width: 80%;
	 display: block;
  margin-left: auto;
  margin-right: auto;
}

a.top-nav {
	margin: 1vw;
}

.center {
	text-align: center;
}

img.center {

	 display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.previous {
	text-align: center;
	font-family: "Tahoma", sans-serif;
	margin: 50px;
}


figure {
	border-radius:3vw; 
	margin: 0 auto;
}

a {
	text-decoration: none;
	color: #D56F3E;
}

h2 {
	text-align: right;
	color: #4C061D;
	margin-bottom: 5vw;
}

hr {
	color: #C2C1A5;
}



blockquote {
	font-family: "Tahoma", sans-serif;
  padding-left: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  margin: 5px;
  text-indent: 25px;
}

figcaption {
	text-align: center;
	color: #C2C1A5
}