@font-face {
	font-family: "SIMPLIFICA Typeface";
	src: url("data/SIMPLIFICA Typeface.ttf") format("truetype");
}

body {
	font-family: "SIMPLIFICA Typeface", Arial;
	color: #212121;
}

body.intro {
	background: #009688;
}

body.memory {
	background: #4CAF50;
}

body.sleep {
	background: #00BCD4;
}

body.procrastination {
	background: #607D8B;
}

body.afterwords {
	background: #9E9E9E;
}

a {
	color: #E0E0E0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 10em;
}

h2 {
	font-size: 7em;
}

h3 {
	font-size: 5em;
	text-align: left;
}

ul {
	text-align: left;
}

p, ul {
	font-size: 4em;
}

p.scroll_text {
	font-size: 1.5em;
}

p.quote_text {
	font-size: 5em;
}

p.quote_author {
	font-size: 2em;
	text-align: right;
	padding-right: 10%;
}

p.item {
	text-align: left;
}

span.keyword {
	color: #D84315;
}

span.dark_background {
	padding: 5px;
	background-color: rgba(0, 0, 0, 0.65);
}

.section {
	text-align: center;
	padding-left: 10%;
	padding-right: 10%;
}

.character {
	max-width: 150px;
	max-height: 150px;
}