@charset "UTF-8";
/*•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.
.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•
•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.
.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•
•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.
.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•
•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.
.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•
•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.
.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•___•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•
•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.|||.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.
.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•._____.•.•.•.•.•.•.•.•.•.•|||•.•.•.•.•.•.•._____.•.•.•.•.•.•.•.•.•
•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•|||||•.•.•.•.•.•.•.•.•.•_|||_•.•.•.•.•.•.•|||||•.________•.•.•.•.
.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.|||||.•.•.•.•.•.•.•.•.•.|||||.•.•.•.•.•.•.|||||._||||||||.•.•.•.•
•.•.•.•.•.•.___.•.•.•.•.•.•.•.•|||||•.•.____•.•.___.•._|||||_.•.•.•.•.•.||||||•|____||||•.•.•.•.
.•.•.•.•.•.•|||•.•.•.•.•.•.•.•.|||||____||||.•.•|||•.•|||||||•.•__.•.•.•||||||.|||||_|||.•.•.•.•
•.•.•.•.•.•.|||.•.•___•.•.•.•.•|||||||||||||•.•.|||.•.|||||||.•_||___.•.||||||•|||||_|||•.•.•.•.
.•.•.•.•.•.•|||.___|||.•_______|||||||||||||.•.•|||_.•|||||||•._|||||•.•||||||.|||||_|||.•.•.•.•
•.•.•.___••.|||•|||_||•_|||||||___||||||||||•.•_||_|•.|||||||.•_|||||.•.||||||•|||||_|||•.•.•.•.
.•.•._|||_.•|||.|||_||.|||||||||||_|||||||||.•.||_||.•|||||||•._|||||•.•||||||.|||||_|||.•.•.•.•
•.•.•|||||•.|||•|||_||•|||||||||||_|||||||||•.•||_||•.|||||||.•||||||.•.||||||•|||||_|||•.•.•.•.
.•.•.|||||.•|||.|||_||.|||||||||||_|||||||||.•.||_||.•|||||||•.||||||•.•||||||.|||||_|||.•.•.•.•
•.•.•|||||•.|||•|||_||•|||||||||||_|||||||||•.•||_||•.|||||||.•||||||.•.||||||•|||||_|||•.•.•.•.
.•.•.|||||.•|||.|||_||.|||||||||||_|||||||||.•.||_||.•|||||||•.||||||•.•||||||.|||||_|||.•.•.•.•
•.•.•|||||•.|||•|||_||•|||||||||||_|||||||||•.•||_||•.|||||||.•||||||.•.||||||•|||||_|||•.•.•.•.
.•.•.DESIGNED AND BUILT ENTIRELY BY HAND IN BEAUTIFUL DOWNTOWN LOS ANGELES, JUST FOR YOU.•.•.•.•
•.•.•.BY IAN BESLER.•.•.•.HTTP://WWW.IANBESLER.COM/.•.•.•.HTTP://WWW.BESLERANDSONS.COM/.•.•.•.•.
.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•.•*/

/*•.•.•.•.•.•.•.•.•.•
.•.•.•CSS RESET•.•.•.
•.•.•.•.•.•.•.•.•.•*/

	* {
		margin: 0;
		padding: 0;
		font-family: Consolas, monospace;
		font-size: 1vw;
		text-align: center;
	}

	html,body {
		width: 100%;
		height: 100%;
	}

	figure {
		float: left;
		margin: 20vh 1.6% 0 4%;
		width: 10vw;
		height: 6vw;
		padding-top: 4vw;
		border: 2px dashed black;
	}

		figure:hover {
			font-weight: bold;
		}

		#zero-percent {
			border-radius: 0%;
		}

		#five-percent {
			border-radius: 5%;
		}
		
		#ten-percent {
			border-radius: 10%;
		}
		
		#fifteen-percent {
			border-radius: 15%;
		}

		#twenty-percent {
			border-radius: 20%;
		}

		#twentyfive-percent {
			border-radius: 25%;
		}

		#thirty-percent {
			border-radius: 30%;
			margin-left: 12vw;
		}

		#thirtyfive-percent {
			border-radius: 35%;
		}

		#forty-percent {
			border-radius: 40%;
		}

		#fortyfive-percent {
			border-radius: 45%;
		}

		#fifty-percent {
			border-radius: 50%;
		}

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
=-=-=- CSS NAMED COLOR CLASSES -=-=-=
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */

.none {
	background-color: none;
}

.black {
	background-color: #000;
	border-color: #fff;
}
	.black:hover {
		background-color: #fff;
		color: #000;
		border-color: #000;
	}

.red {
	background-color: #f00;
}
	.red:hover {
		background-color: #f0f;
		border-color: #000;
	}

.orange {
	background-color: #ffa500;
}
	.orange:hover {
		background-color: #800080;
		color: #fff;
		border-color: #fff;
	}

.yellow {
	background-color: #ff0;
}
	.yellow:hover {
		background-color: #00f;
		color: #fff;
		border-color: #fff;
	}

.green {
	background-color: #0f0;
}
	.green:hover {
		background-color: #;
		color: #fff;
		border-color: #000;
	}

.gray {
	background-color: #aaa;
}

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

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

.purple {
	background-color: #800080;
}

.magenta {
	background-color: #f0f;
}

.white {
	background-color: #fff;
}

.white-text {
	color: #fff;
}