html,
body {
	margin: 0;
	padding: 0;
} 


 /*TYPOGRAPHY*/
 
html {
	box-sizing: border-box;
	background:  #161925; /*shadow grey*/
	color: #F9F6EE; /* Bone White*/
	font-size: clamp(1rem, 2vw, 1.5rem);
} 

header,
section, 
footer {
	padding: 0.5rem 4rem 0.5rem 4rem;
	font-family: Noto Serif;
}
 
a {
	color: #4DA167; /*shamrock*/
}

a:hover {
	color: #b1ddf1; /*ice blue */
}	

button {
	padding: 1rem 0;
	margin: 1rem 0.5rem 1rem 0;
	font: bold 1rem Noto Sans;
	background: #161925; /*shadow grey*/
	color: #b1ddf1; /*ice blue */
	border: none;
	width: 30%;
	height: auto;
	box-shadow: 1px 2px 4px #000;
}
	
button:hover {
	background:  #4DA167; /*shamrock*/
	color: #161925; /*shadow grey*/
	border: none;
}


form {
	display: inline;
}

header {
	background: #0A2342; /*dark blue*/
	box-shadow: 1px 2px 4px #000;
}

header p {
	font: bold 1.15rem Noto Sans;
	
}

hr {
	height: 1px;
	width: 80%;
	background: #F9F6EE; /* Bone White*/ 
}

h1 {
	font-family:Marcellus SC;
	padding-bottom: 0;
	color: #4DA167; /*shamrock*/
	text-shadow: 1px 2px 4px #000;
}

h2, 
h3,
h4 {
	font-family: Noto Sans;
	color: #4DA167; /*shamrock*/
	text-shadow: 1px 2px 4px #000;
}

blockquote,
p,
ul,
ol,
li {
	text-shadow: 1px 2px 2px #000;
	line-height: min(1.5rem);
}

footer {
	background: #0A2342; 
}

footer p {
	font: bold 1rem Noto Sans;
}

/*images*/

img {
	height: 16rem;
	max-width: 16rem;
	border: solid;
}