html {
	font-family: sans-serif;
	color: #222;
	background-color: #777;
	background: linear-gradient(45deg, #777, #222);
	font-size: 18px;
}

body {
	margin: 0 auto;
	max-width: 800px;
	color: #222;
}

address {
	font-style: normal;
}

body>div>div {
	border-radius: 0.5rem;
	background-color: #efefef;
	background: linear-gradient(90deg, hsl(0, 0%, 94%), hsl(202, 100%, 80%));
	padding: 0.25rem;
	margin: 0.5rem;
}

body h2 {
	margin: 0 0.125rem 0.25rem;
}

nav {
	display: flex;
	flex-direction: row;
	background-color: hsl(142, 100%, 80%);
	border-radius: 0 0 0.5rem 0.5rem;
	position: sticky;
	top: 0;
	justify-content: center;
	/* margin-bottom: 1rem; */
	box-shadow: 0 0 1rem #777;
}

nav * {
	font-size: 1.5rem;
	text-transform: lowercase;
	padding: 0;
	margin: 0;
	flex-grow: 1;
	text-align: center;
	color: #222;
}

.cols {
	display: flex;
	flex-direction: row;
}

.cols>div {
	margin: 0.5rem;
}

footer {
	text-align: center;
}

#socials {
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding: 0;
}

#socials > li {
	display: block;
	padding: 0 1em;
	text-align: center;
}

#socials > li > a {
	color: hsl(0, 0%, 94%);
}

.lc {
	text-transform: lowercase;
}