/* Grown-Up Treehouse */
:root {
	--primary: #606c38;
	--secondary: #283618;
	--tertiary: #fefae0;
	--accent1: #dda15e;
	--accent2: #bc6c25;
}

body {
	background-color: var(--primary);
	font-family: monospace;
	margin: 0px;
	width:100%;
}

.header {
	padding: 0px 15px;
	background:
		linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 150, 150, 0.6)),
		url("../seascape-small.webp");
	background-position:25% 75%;
	background-size: cover;
	background-repeat: no-repeat;
}

.photo-block {
	display:inline-block;
}

.profile {
	width: 120px;
	height: 120px;
}

.profile-pic {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.left-col, .right-col {
	display: inline-block;
	background-color: #00000033;
	padding: 0px 15px 10px;
	vertical-align: top;
	border-radius: 4px;
	margin: 5px 0px;
}

nav {
	display: inline-block;
	background-color: #ffffff33;
	padding: 0px 15px 10px;
}

nav > * {
	display: block;
}

main {
	width: 85%;
	margin: 0px auto;
}

h1 {
	color: var(--accent1);
	font-style: italic;
}

h2 {
	color: var(--accent2);
}

p, li {
	color: var(--accent1);
}

a {
	color: #FAF9DE;
}

.blogs > * {
	list-style-type: none;
}