html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

	/* Nav bar */
nav {
	background-color: Crimson;
}
nav ul {
	text-align: center;
	padding: 0;
	margin-bottom: 0;
}
nav li {
	display: inline-block;
	border: 1px solid;
	padding: 10px;
	margin: 10px 2.5px 10px 2.5px;
	background-color: LemonChiffon;
	font-weight: bold;
}

	/* Grid */
div.grid-container {
	display: grid;

	grid-template-areas:
	'header header header header'
	'sunrays-L main main sunrays-R';
}

header {
	grid-area: header;
}

	/* Body styles */
main {
	grid-area: main;

	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

h1 {
	text-align: center;
}

body {
	background-color: wheat;
	min-width: 640px;
}

div.bodyText {
	margin: auto;
	border: 1px solid;
	border-color: lightgray;
	padding: 15px;
	background-color: cornsilk;
}


	/* Sun emoji container */
div.top-L {
	grid-row: 1;
	grid-column: 1;

	display: inline-block;
	margin-top: auto;
	margin-left: auto;
}
div.top-L p {
	font-size: 3.0em;
	margin-top: 0;
	margin-bottom: 0;
}

div.top-R {
	grid-row: 1;
	grid-column: 4;

	display: inline-block;
	margin-top: auto;
	margin-right: auto;
}
div.top-R p {
	font-size: 3.0em;
	margin-top: 0;
	margin-bottom: 0;
}

	/* Sun rays */
div.sunrays-outer {
	border-right: 5px solid yellow;
	height: 25px;
	width: 10px;	
}


div.sunrays-L-container {
	grid-area: sunrays-L;

	width: 50px;
	margin-left: auto;
	height: 100%;

	padding-left: 7.5px;
	padding-right: 7.5px;
}

div.sunrays-L-outer {
	border-left: 5px solid yellow;
	border-right: 5px solid yellow;
	height: 100%;

	width: 40px;

	margin-left: auto;
	margin-right: auto;
}

div.sunrays-L-inner {
	border-left: 5px solid yellow;
	border-right: 5px solid yellow;
	height: 100.25%;

	width: 10px;

	margin-left: auto;
	margin-right: auto;
}


div.sunrays-R-container {
	grid-area: sunrays-R;

	width: 50px;
	margin-right: auto;
	height: 100%;

	padding-left: 7.5px;
	padding-right: 7.5px;
}

div.sunrays-R-outer {
	border-left: 5px solid yellow;
	border-right: 5px solid yellow;
	height: 100%;

	width: 40px;

	margin-left: auto;
	margin-right: auto;
}

div.sunrays-R-inner {
	border-left: 5px solid yellow;
	border-right: 5px solid yellow;
	height: 100.25%;

	width: 10px;

	margin-left: auto;
	margin-right: auto;
}