@charset "UTF-8";
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
-=-=-= THESE STYLES DESIGNED AND BUILT WITH LOVING CARE -=-=-=
=-=-=-=- ENTIRELY BY HAND JUST FOR YOU BY IAN BESLER -=-=-=-=-
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/* -=-=-=-=-=-=-=-=-=-=
-=-=-= CSS RESET =-=-=-
=-=-=-=-=-=-=-=-=-=- */

* {
	margin: 0;
	padding: 0;
}

		a:link {
			color: #00f;
		}

		a:hover {
			background-color: #ff0;
		}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
-=-=-= HTML5 SEMANTIC TAGS =-=-=-
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/* =-=-=-=-=-=-=-=-=
=-=-=- HEADER =-=-=-
-=-=-=-=-=-=-=-=- */

header {
	background-color: lightgray;
	padding: 2%;
	border-bottom: 0.1em solid #000;
	font-size: 1.5em;
}

	h1,h2,h3,h4,h6,form {
		font-family: sans-serif;
		font-weight: normal;
	}

	code {
		font-family: monospace;
		font-style: normal;
	}

		code.sublime-text-css-property {
			font-style: italic;
			color: #66d9ef;
			background-color: #272822;
		}


/* =-=-=-=-=-=-=-=-=-
=-=-=- SECTION -=-=-=
-=-=-=-=-=-=-=-=-= */

section {
	padding: 2%;
}

	h3 {
		padding-bottom: 2%;
	}

button {
	opacity: 0.3;
	width: 8vw;
	height: 8vw;
	border-radius: 50%;
}
	
	button:hover {
		cursor: pointer;
		opacity: 1;
		box-shadow: 0.5vw 0.5vw 0.5vw #000;
	}

/* =-=-=-=-=-=-=-=-=
=-=-=- FOOTER =-=-=-
-=-=-=-=-=-=-=-=- */

footer {
	background-color: lightgray;
	padding: 2%;
	font-size: 2em;
	border-top: 0.1em solid #000;
}

	footer img {
		width: 1em;
	}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
-=-=-= COLOR CLASSES AND BUTTONS =-=-=-
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

.black,#black-button {
	background-color: #000;
}

.white,#white-button {
	background-color: #fff;
}

.red,#red-button {
	background-color: #f00;
}

.orange,#orange-button {
	background-color: #fa0;
}

.yellow,#yellow-button {
	background-color: #ff0;
}

.green,#green-button {
	background-color: #0f0;
}

.cyan,#cyan-button {
	background-color: #0ff;
}

.blue,#blue-button {
	background-color: #00f;
}

.magenta,#magenta-button {
	background-color: #f0f;
}

.purple,#purple-button {
	background-color: #800080;
}