body {
    font-family: 'Bitter', serif;
}

h1, h2, h3 {
	font-family: 'Spectral SC', serif;
}

.larger {
	font-size: larger;
}

.point {
	font-size: 24pt;
}

.percent {
	font-size: 200%;
}

p {
	font-style: italic;
	font-weight: 200;
}

p.small {
  font-variant: small-caps;
}

.question {
	font-size: large;
	font-weight: 700;
	color: #09fc31;
}

header {
	background-color: none;
	color: #7a09fc;
}

#main_section {
	color: #ecfc09;
	background-color: #1fcdda;
}

footer {
	color: #fa0a7a;
}

#ex_float {
	float: right;
}

body {
	max-width: 960px;
	margin: 10px auto;
}

html {
	background: url("LOL.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

section {
	border-radius: 15px;
	border: 3px dashed rgb(26, 247, 6);
	margin: .5em;
	padding: .5em;
}

a:hover {
	border-bottom: 4px solid #4a4;
	background-color: green;
}

#main_section {
	border-radius: 15px;
	border: 3px dashed rgb(59, 9, 240);
	margin: .5em;
	padding: .5em;
}

#main_section {
	border-bottom: 4px solid #4a4;
	background-color: #333333;
}

#vertical_nav
{
	border: solid 0.1em #c4b0b0;
	border-radius: 1em;
	margin: 0;
	padding: 0 0.5em 1.5em 0.5em;
	width: 10em;
	color: inherit;
	background-color: inherit;
	border-radius: 30px 40px;
}

#vertical_nav ul
{
	margin: 0;
	padding: 0;
	color: inherit;
	background-color: inherit;
}

#vertical_nav li
{
	margin: 1em 0 0 0;
	padding: 0;
	list-style: none;
	color: inherit;
	background-color: inherit;
}

#vertical_nav a
{
	margin: 0;
	padding: 0 1em;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #A8BFCF;
	color: #ec1313;
	background-color: #2efae9;
}

#vertical_nav a:hover
{
	border-bottom: solid 3px #78ff09;
	color: inherit;
	background-color: #fa0eda;
}

#horizontal_nav
{
	border: solid 0.1em #fa091d;
	border-radius: 3em;
	margin: 0;
	padding: 0 0.5em 1.5em 0.5em;
	width: 100%;
	color: inherit;
	background-color: inherit;
	border-radius: 80px ;
}

#horizontal_nav ul
{
	margin: 0;
	padding: 0;
	color: inherit;
	background-color: inherit;
}
#horizontal_nav li
{
	margin: 1em 0 0 0;
	padding: 0;
	list-style: none;
	color: inherit;
	background-color: inherit;
	display: inline;
}

#horizontal_nav a
{
	margin: 0;
	padding: 0 1em;
	display: inline;
	text-decoration: none;
	border-bottom: 1px solid rgb(255, 30, 14);
	color: #12fd0a;
	background-color: #f50ee9;
}
#horizontal_nav a:hover
{
	border-bottom: solid 3px #07f727;
	color: inherit;
	background-color: #ff1111;
}
