/*

CSS Reset by Josh Comeau 
https://www.joshwcomeau.com/css/custom-css-reset/

*/

*, *::before, *::after {
    box-sizing: border-box;
  }

  * {
    margin: 0;
  }
  
html {
    margin: auto;
    font-size: 1.25em;
    font-family: sans-serif;
    color: black;
    line-height: 1.4;
}

body {
    -webkit-font-smoothing: antialiased;
  }

 img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
    height: auto;
  }

input, button, textarea, select {
    font: inherit;
  }

p, h1, h2, h3, h4, h5, h6 {
	font-family: sans-serif;
	font-weight: 500;
    	overflow-wrap: break-word;
  }

#root, #__next {
    isolation: isolate;
  }
  
a:link {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}
  
  /* End of CSS Reset */


body { 
	background-color: #1e2f35; /* #244c5d; */
	color: black;
	}

div.madewithheart { 
	position: absolute; 
	top: 0; 
	left: 0;
	width: 100%; 
	height: 1.75em;
	background-color: #819B61;
	color: #000;
	font-size: 0.75em;
	line-height: 1.75em;
	text-align: right;
	padding-right: 1.75em;
}


  header {

  }


h1 { 
	/* background: #83446A; /* #275D84; */
	color: #CFB68C;
	border-bottom: 0.3em solid #1e2f35;
	/* margin-bottom: 1em; */
	}

h2 { 
	color: #1e2f35;
	border-bottom: 0.1em solid #1e2f35; 
	margin-top: 3em; 
	margin-bottom: 1em; 
	}

h3, h4 {
	margin-top: 0.3em;
	margin-bottom: 1em; 
}
	
main {
	width: 67ch;
	height: auto;
	background-color: #CFB68C;
	border: 1px solid black;
	margin: 3.5em auto;
	padding: 3.5em;
	}
	
main > p {
	color: black;
	margin-bottom: 1.75em;
	}

ul, dl {
	margin-bottom: 3.58em; 
	}
	
dl dt { 
float:left;
width: 10em; 
margin-right: 0.3em;
}

footer > p, footer > ul li {
line-height: 1.5em; 
}



div.polaroid {
  width: 75%;
  background-color: none;
  padding: 0; 
  border: 0.7em solid #1e2f35; 
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 8px 20px 0 rgba(0, 0, 0, 0.19);
}

div.polaroid > img { 
  max-width: 100%;
  margin: 0.75em 0.75em 0.75em 1.25em;  
}

div.container {
  text-align: center;
  padding: 10px 20px;
  background-color: #1e2f35; 
  color: #E7DAC6;
}




figure {
	width:						30vw;
	height:						50vh;
	margin:						1em auto;
	margin-bottom: 10em;
	}

.outerBevel { /* of frame */
	box-shadow:				4px 6px 12px 0 black;
	border-width:			5px;
	border-style:			solid;
	border-color:			rgb(109, 84, 58) rgb(24, 19, 13) rgb(24, 19, 13) rgb(109, 84, 58);
	}

.flatSurface { /* of frame */
	border:						12px solid rgb(65, 40, 16);
	}

.innerBevel { /* of frame */
	border-width:			5px;
	border-style:			solid;
	border-color:			rgb(24, 19, 13)	rgb(109, 84, 58) rgb(109, 84, 58) rgb(24, 19, 13);
	}

.map { /* including mat and gold beveled edge of mat */
	display:					block;
	clear:						both;
	height:						100%;
	width:						100%;
	padding:					7.5% 7.5% 10% 7.5%; /* Mat width */
	background-color:	rgb(255,249,224); 	/* Mat color */
	border-width:			3px;	/* Gold edge of mat */
	border-style:			solid;
	border-color:			rgb(207, 166, 0) rgb(207, 166, 0) rgb(145, 110, 0) rgb(145, 110, 0);
	}




section{
	display: grid;
	place-items: center;
	min-height: 77vh;
	/* margin-inline: 6vw; */
	background: rgb(255,249,224) !important; /* #fff3fe */
	font-family: system-ui, sans-serif;
	font-size: 16pt;
	line-height: 1.5;
	font-kerning: normal;
margin-top: 10em;
}

section > h3 {
	margin: 0;
}

section > p {
	max-width: 42ch;
	margin-block-end: 2rem;
	margin: 0;
	padding: 0;
}
/* section > p:first-letter {
	float: left;
	font-family: "Montagu Slab", serif;
	font-size: 8rem;
	line-height: 1;
	color: #1e2f35;
	margin-right: 0.5rem;
	margin-bottom: 0.75rem;

	/* styling optional 
	text-shadow: 1px 1px black, -1px 1px black, 1px -1px black, -1px -1px black,
		-0.25rem 0.25rem rgba(0 0 0 / 0.15);
} */

nav {
	position: fixed; 
	top: 0; 
	left: 0;
	width: 100%; 
	height: 7rem;
	background-color: #CFB68C;
	color: #000;
	font-size: 1em;
	text-align: left;
	padding-right: 1.75em;
}

nav ul {
  list-style-type: none;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 0.75em;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  padding: 0;
  margin: 0.3rem 0;
  display: inline-block;
  text-align: center; }

nav li {
  float: left;
  border-right: 1px solid #000;
  padding: 0 1.25rem;
  line-height: 1.75rem;
  height: 1.75rem;
  margin: 0.2rem 0; }

nav li:last-child {
  border-right: none; }
  
nav li a:link, nav li a:focus, nav li a:visited {
color: #1e2f35; 
}