html {
	font-family: Tahoma, sans-serif;
	font-size: 0.9rem;
	line-height: 1.4rem;
}

h1 {
	font-size: 1.8rem;
	font-weight: 400;
}

a {
	text-decoration: underline;
	color: #6080a0;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	color: 80a0c0;
}

p.goodbye {
	font-family: serif;
	font-style: italic;
	font-size: 1.2rem;
	line-height: 1.7rem;
	font-weight: 100;
	margin-left: 3rem;
}

p.credits a {
	font-weight: 300;
}

section {
	margin: 6.5rem auto 0 auto;
	padding: 1rem;
	border-radius: 10px;
}
@media (max-width: 750px) {
	section {
		min-width: 200px;
		width: 80%;
	}
}
@media (min-width: 751px) {
	section {
		min-width: 600px;
		width: 30%;
	}
}

section img.section-header {
	position: relative;
	left: -63px;
	top: -70px;
	margin-bottom: -6rem;
	z-index: -11;
}

section h2 {
	margin-top: -5rem;
	margin-left: 3.5rem;
	margin-bottom: 2.5rem;
}
@media (max-width: 750px) {
	section h2 {
		font-size: 1.7rem;
		font-weight: 600;
		line-height: 2.2rem;
	}
}
@media (min-width: 751px) {
	section h2 {
		font-size: 2rem;
		font-weight: 300;
	}
}

section ul {
	margin-top: 3rem;
}

section p.p-fix {
	margin-top: 3rem;
	margin-left: 1rem;
}

section p.badge-info {
	text-align: justify;
}

section li {
	line-height: 1.8rem;
}

section hr {
	border: none;
	height: 0px;
	border-top: 1px dashed #aaaaaa;
	margin: 1.8rem 0 1.5rem 0;
}

section#intro {
	background-color: #f0f0f0;
	margin-top: 2rem;
}

section#music {
	background-color: #ffe8a8;
}
section#music h2, section#music a {
	color: #cc8f36;
}
section#music a:hover {
	color: #dda070;
}

section#films {
	background-color: #daf0ff;
}
section#films h2, section#films a {
	color: #0a7daa;
}
section#films a:hover {
	color: #6aa0c8;
}

section#games {
	background-color: #ffd0d4;
}
section#games h2, section#games a {
	color: #f13850;
}
section#games a:hover {
	color: #f88090;
}

section#programming {
	background-color: #ececf8;
}
section#programming h2, section#programming a {
	color: #57575e;
}
section#programming a:hover {
	color: #9090a0;
}

section#food {
	background-color: #d8e8b8;
}
section#food h2, section#food a {
	color: #406a23;
}
section#food a:hover {
	color: #70a050;
}

section#photography {
	background-color: #e8d5fa;
}
section#photography h2, section#photography a {
	color: #6118cf;
}
section#photography a:hover {
	color: #a080d8;
}

section#contact {
	background-color: #d1ffff;
}
section#contact h2 {
	color: #24b6ff;
}

section#outro {
	background-color: #f0f0f0;
	margin-top: 4rem;
	margin-bottom: 2rem;
}
section#outro p {
	font-size: small;
}