@charset "UTF-8"; /* not necessary */
/* bluegrey matter   #637f80 light  #536872  #708090  #536878  #36454f dark */

@import url('https://fonts.googleapis.com/css2?family=Hachi+Maru+Pop&display=swap');

body {
	font-size: 16px;
	font-family: "Sansita", Ubuntu, sans-serif;
}

header, h1 {
	font-size: 30px;
	text-transform: uppercase;
}

header,
nav,
main,
footer {
	max-width: 767px;
	margin: 0 auto;
}

h1 {
	font-size: 2rem;
}

h2 {
	color: #536878;
}

nav {
	background-color: #36454f;
	text-align: center;
	box-shadow: 0 2px 15px gray;
}
nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
nav ul li a {
	display: block;
	color: #fff;
	text-align: center;
	padding: 0.75rem;
	text-decoration: none;
	font-size: 0.95rem;
}
nav a:hover {
	background-color: #bbb;
	color: #36454f;
}

.scenario {
	text-align: left;
	display: block;
	font-size: 16px;
	font-family: "Sansita", Ubuntu, sans-serif;
}