html,
body {
   font-size: 16px; /* base font reset */
   margin:0;
   padding:0;
   background: #f1d0d6;
   }

.container {
	display: grid;
	height: 100%;
	max-width: 760px;
	grid-template-columns: minmax(412px, 760px);
	grid-template-rows: max-content auto max-content;
	margin: 2rem auto;
	grid-template-areas:
		"header"
		"main"
		"footer";
}

/* HEADER */

header {
	grid-area: header;
	text-align: center;
	line-height: 0;
}

.resize {
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

/* MAIN TEXT */



main {
	grid-area: main;
    font-family: 'Lunasima', sans-serif;
	letter-spacing: 1px;
    text-align: justify;
    color: #a80916;
    text-shadow: 1px 1px 2px #fff;
    font-size: 87.5%;
    line-height: 180%;
	padding: 1rem 2rem;
}

.note {
	width: 75%;
	font-size: 80%;
	line-height: 100%;
	margin: 4rem 0 1rem auto;
	text-align: left;
}

a:link, a:visited, a:active {
   color: #ae75de;
   text-decoration: none;
   }

a:hover {
   color: #70438b;
   text-decoration: none;
   font-weight: bold;
   }

strong {
   color: #d32161;
   }
	
	
/* FOOTER */

hr
{width: 100%;
background: #dbbde0;
height: 3px;
border: 0;
}

footer {
	grid-area: footer;
    font-family: 'Lunasima', sans-serif;
	text-align: justify;
	color: #9f062a;
	font-size: 67.5%;
	line-height: 150%;
	padding: 0.5rem 2rem;
}