* {
	 vertical-align: middle;
}
 @font-face {
	 font-family: "OCR A";
	 src: url("/ocraext.ttf");
}
 body {
	 font-family: "OCR A", serif;
}
 .header {
	 display: inline-block;
	 text-align: center;
	 padding: 0 1em;
}
 .header-logo-img {
	 width: 75%;
	 max-width: 30em;
	 height: auto;
	 display: block;
	 margin: 0 auto;
}
.header-content-p {
	padding: 0;
	margin: 0;
}
.header-content {
	padding-bottom: 3em;
}

 .container {
	 display: inline !important;
}
 .symbol-library {
	 position: absolute;
	 width: 0;
	 height: 0;
	 overflow: hidden;
	 box-shadow: none;
}
 .head {
	 fill: var(--skin-color, #fc4);
}
 .head__mouth {
	 stroke: var(--mouth-color, red);
}
 .shoe__left, .shoe__right {
	 fill: var(--shoe-color, #000);
}
 .skirt--edgy {
	 fill: var(--skirt--edgy-color, none);
}
 .skirt--round {
	 fill: var(--skirt--round-color, none);
}
 .arm--left, .arm--right {
	 fill: var(--skin-color, #fc4);
}
 .hair--red {
	 --hair-color: #f30;
}
 .hair--light-blonde {
	 --hair-color: #fb2;
}
 .hair--blonde {
	 --hair-color: #a60;
}
 .hair--brown {
	 --hair-color: #820;
}
 .hair--black {
	 --hair-color: #000;
}
 .hair--pink {
	 --hair-color: #f7f;
}
 .hair--green {
	 --hair-color: #7f7;
}
 .hair--blue {
	 --hair-color: #77f;
}
 .hair--emo {
	 --hair-emo-color: var(--hair--color, #000);
}
 .hair--punk {
	 --hair-punk-color: var(--hair-color, #000);
}
 .hair--bob {
	 --hair-bob-color: var(--hair-color, #000);
}
 .hair--long {
	 --hair-emo-color: var(--hair-color, #000);
	 --hair-back--long-color: var(--hair-color, #000);
}
 .hair--medium {
	 --hair-emo-color: var(--hair-color, #000);
	 --hair-back--medium-color: var(--hair-color, #000);
}
 .hair--short {
	 --hair-emo-color: var(--hair-color, #000);
	 --hair-back--short-color: var(--hair-color, #000);
}
 .hair__front--emo {
	 fill: var(--hair-emo-color, none);
}
 .hair__front--punk {
	 fill: var(--hair-punk-color, none);
}
 .hair__front--bob {
	 fill: var(--hair-bob-color, none);
}
 .hair__back--short {
	 fill: var(--hair-back--short-color, none);
}
 .hair__back--medium {
	 fill: var(--hair-back--medium-color, none);
}
 .hair__back--long {
	 fill: var(--hair-back--long-color, none);
}
 .torso {
	 fill: var(--torso-color, #000);
}
 .legs {
	 fill: var(--legs-color, #07f);
}
 .person {
	 width: 112px;
	 height: 256px;
}
 .person * {
	 fill: none;
}
 .tone--1 {
	 --skin-color: #a65;
}
 .tone--2 {
	 --skin-color: #b76;
}
 .tone--3 {
	 --skin-color: #c97;
}
 .tone--4 {
	 --skin-color: #da9;
}
 .tone--5 {
	 --skin-color: #fcb;
}
 .dress {
	 --legs-color: var(--skin-color, #fc4);
}
 .dress--round {
	 --skirt--round-color: var(--torso-color, #000);
}
 .dress--edgy {
	 --skirt--edgy-color: var(--torso-color, #000);
}
 .container {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-around;
}
/* Hide scrollbars in windows */
 ::-webkit-scrollbar {
	 display: none;
}
 body {
	 -ms-overflow-style: none;
	/* IE and Edge */
	 scrollbar-width: none;
	/* Firefox (not sure if that works) */
}