@font-face
	{
		font-family: OstrichSans-Heavy;
		src: url('founts.woff/OstrichSans-Heavy.woff') format('woff');
	}
@font-face
	{
		font-family: Optician-Sans;
		src: url('founts.woff/Optician-Sans.woff') format('woff');
	}
h3
	{
		font-family: "OstrichSans-Heavy";
		color: gold;
		margin: 0;
		padding: 0;
		font-size: 360%;
		letter-spacing: 2.5px;
		text-decoration: none;
		text-shadow: brown;
	}
h2
	{
		font-family: "OstrichSans-Heavy";
		color: gold;
		margin: 0;
		padding: 0;
		font-size: 248%;
		letter-spacing: 1.5px;
		text-decoration: none;
		text-shadow: brown;
	}
h1
	{
		font-family: "OstrichSans-Heavy";
		color: gold;
		margin: 0;
		padding: 0;
		font-size: 200%;
		letter-spacing: 0.013em;
		text-decoration: none;
		text-shadow: brown;
	}
*
	{
		box-sizing: border-box;
	}
html, body
	{
		position: static;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		background-color: black;
		color: gold;
	}
.scanbox
	{
		position: absolute;
		top: 1%;
		left: 1%;
		width: 98%;
		height: auto;
		margin: 0;
		padding: 0;
	}
.rowscan
	{
		display: block;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}
.footer
	{
		position: absolute;
		top: 91%;
		left: 1%;
		width: 98%;
		height: auto;
		margin: 0;
		padding: 0;
		align-content: left;
	}
.buttonscan
	{
		display: inline-block;
		margin-top: 0.25em;
		padding-top: 0.35em;
		padding-bottom: 0.25em;
		width: 100%;
		height: 2.8em;
		border: solid;
		border-width: 0.25em 0.25em 0.25em 0.25em;
		border-color: gold;
		background-color: green;
		text-align: center;
		text-decoration: none;
	}
.buttonsymbol1
	{
		display: inline-block;
		width: 14%;
		height: 3em;
		line-height: 3em;
		margin: 0;
		padding: 0em 0em 0.2em 0em;
		background-color: blue;
		border: solid;
		border-width: 0.125em 0.125em 0.125em 0.125em;
		border-color: gold;
		text-align: center;
		font-family: "OstrichSans-Heavy";
		font-size: 200%;
		font-weight: bolder;
		letter-spacing: 0.1em;
		text-decoration: none;
		color: gold;
	}
.buttonsymbol2
	{
		display: inline-block;
		width: 14%;
		height: 3em;
		line-height: 3em;
		margin: 0;
		padding: 0em 0em 0.2em 0em;
		background-color: purple;
		border: solid;
		border-width: 0.125em 0.125em 0.125em 0.125em;
		border-color: gold;
		text-align: center;
		font-family: "OstrichSans-Heavy";
		font-size: 200%;
		font-weight: bolder;
		letter-spacing: 0.1em;
		text-decoration: none;
		color: gold;
	}
.buttonsymbol3
	{
		display: inline-block;
		width: 14%;
		height: 3em;
		line-height: 3em;
		margin: 0;
		padding: 0em 0em 0.2em 0em;
		background-color: brown;
		border: solid;
		border-width: 0.125em 0.125em 0.125em 0.125em;
		border-color: gold;
		text-align: center;
		font-family: "OstrichSans-Heavy";
		font-size: 200%;
		font-weight: bolder;
		letter-spacing: 0.1em;
		text-decoration: none;
		color: gold;
	}
.buttonsymbol4
	{
		display: inline-block;
		width: 14%;
		height: 3em;
		line-height: 3em;
		margin: 0;
		padding: 0em 0em 0.2em 0em;
		background-color: coral;
		border: solid;
		border-width: 0.125em 0.125em 0.125em 0.125em;
		border-color: gold;
		text-align: center;
		font-family: "OstrichSans-Heavy";
		font-size: 200%;
		font-weight: bolder;
		letter-spacing: 0.1em;
		text-decoration: none;
		color: gold;
	}
.buttonsymbol5
	{
		display: inline-block;
		width: 14%;
		height: 3em;
		line-height: 3em;
		margin: 0;
		padding: 0em 0em 0.2em 0em;
		background-color: darkviolet;
		border: solid;
		border-width: 0.125em 0.125em 0.125em 0.125em;
		border-color: gold;
		text-align: center;
		font-family: "OstrichSans-Heavy";
		font-size: 200%;
		font-weight: bolder;
		letter-spacing: 0.1em;
		text-decoration: none;
		color: gold;
	}
.chartpresent1
	{
		display: inline-block;
		left: 0;
		width: 14%;
		height: 3em;
		line-height: 3em;
		margin: 0;
		padding: 0em 0em 0.2em 0em;
		border: solid;
		border-width: 0.125em 0.125em 0.125em 0.125em;
		border-color: gold;
		background-color: blue;
		text-align: center;
		font-family: "OstrichSans-Heavy";
		font-size: 200%;
		font-weight: bolder;
		letter-spacing: 0.1em;
		text-decoration: none;
		color: gold;
	}
.chartpresent2
	{
		display: inline-block;
		left: 0;
		width: 14%;
		height: 3em;
		line-height: 3em;
		margin: 0;
		padding: 0em 0em 0.2em 0em;
		border: solid;
		border-width: 0.125em 0.125em 0.125em 0.125em;
		border-color: gold;
		background-color: purple;
		text-align: center;
		font-family: "OstrichSans-Heavy";
		font-size: 200%;
		font-weight: bolder;
		letter-spacing: 0.1em;
		text-decoration: none;
		color: gold;
	}
.chartpresent3
	{
		display: inline-block;
		left: 0;
		width: 14%;
		height: 3em;
		line-height: 3em;
		margin: 0;
		padding: 0em 0em 0.2em 0em;
		border: solid;
		border-width: 0.125em 0.125em 0.125em 0.125em;
		border-color: gold;
		background-color: brown;
		text-align: center;
		font-family: "OstrichSans-Heavy";
		font-size: 200%;
		font-weight: bolder;
		letter-spacing: 0.1em;
		text-decoration: none;
		color: gold;
	}
.chartpresent4
	{
		display: inline-block;
		left: 0;
		width: 14%;
		height: 3em;
		line-height: 3em;
		margin: 0;
		padding: 0em 0em 0.2em 0em;
		border: solid;
		border-width: 0.125em 0.125em 0.125em 0.125em;
		border-color: gold;
		background-color: coral;
		text-align: center;
		font-family: "OstrichSans-Heavy";
		font-size: 200%;
		font-weight: bolder;
		letter-spacing: 0.1em;
		text-decoration: none;
		color: gold;
	}
.chartpresent5
	{
		display: inline-block;
		left: 0;
		width: 14%;
		height: 3em;
		line-height: 3em;
		margin: 0;
		padding: 0em 0em 0.2em 0em;
		border: solid;
		border-width: 0.125em 0.125em 0.125em 0.125em;
		border-color: gold;
		background-color: darkviolet;
		text-align: center;
		font-family: "OstrichSans-Heavy";
		font-size: 200%;
		font-weight: bolder;
		letter-spacing: 0.1em;
		text-decoration: none;
		color: gold;
	}
.charttwomonth1
	{
		display: inline-block;
		left: 0;
		width: 14%;
		height: 3em;
		line-height: 3em;
		margin: 0;
		padding: 0;
		border: solid;
		border-width: 0.125em 0.125em 0.125em 0.125em;
		border-color: gold;
		background-color: blue;
		text-align: center;
		font-family: "OstrichSans-Heavy";
		font-size: 200%;
		font-weight: bolder;
		letter-spacing: 0.1em;
		text-decoration: none;
		color: gold;
	}
.charttwomonth2
	{
		display: inline-block;
		left: 0;
		width: 14%;
		height: 3em;
		line-height: 3em;
		margin: 0;
		padding: 0;
		border: solid;
		border-width: 0.125em 0.125em 0.125em 0.125em;
		border-color: gold;
		background-color: purple;
		text-align: center;
		font-family: "OstrichSans-Heavy";
		font-size: 200%;
		font-weight: bolder;
		letter-spacing: 0.1em;
		text-decoration: none;
		color: gold;
	}
.charttwomonth3
	{
		display: inline-block;
		left: 0;
		width: 14%;
		height: 3em;
		line-height: 3em;
		margin: 0;
		padding: 0;
		border: solid;
		border-width: 0.125em 0.125em 0.125em 0.125em;
		border-color: gold;
		background-color: brown;
		text-align: center;
		font-family: "OstrichSans-Heavy";
		font-size: 200%;
		font-weight: bolder;
		letter-spacing: 0.1em;
		text-decoration: none;
		color: gold;
	}
.charttwomonth4
	{
		display: inline-block;
		left: 0;
		width: 14%;
		height: 3em;
		line-height: 3em;
		margin: 0;
		padding: 0;
		border: solid;
		border-width: 0.125em 0.125em 0.125em 0.125em;
		border-color: gold;
		background-color: coral;
		text-align: center;
		font-family: "OstrichSans-Heavy";
		font-size: 200%;
		font-weight: bolder;
		letter-spacing: 0.1em;
		text-decoration: none;
		color: gold;
	}
.charttwomonth5
	{
		display: inline-block;
		left: 0;
		width: 14%;
		height: 3em;
		line-height: 3em;
		margin: 0;
		padding: 0;
		border: solid;
		border-width: 0.125em 0.125em 0.125em 0.125em;
		border-color: gold;
		background-color: darkviolet;
		text-align: center;
		font-family: "OstrichSans-Heavy";
		font-size: 200%;
		font-weight: bolder;
		letter-spacing: 0.1em;
		text-decoration: none;
		color: gold;
	}
.chartthreeyear1
	{
		display: inline-block;
		left: 0;
		width: 14%;
		height: 3em;
		line-height: 3em;
		margin: 0;
		padding: 0;
		border: solid;
		border-width: 0.125em 0.125em 0.125em 0.125em;
		border-color: gold;
		background-color: blue;
		text-align: center;
		font-family: "OstrichSans-Heavy";
		font-size: 200%;
		font-weight: bolder;
		letter-spacing: 0.1em;
		text-decoration: none;
		color: gold;
	}
.chartthreeyear2
	{
		display: inline-block;
		left: 0;
		width: 14%;
		height: 3em;
		line-height: 3em;
		margin: 0;
		padding: 0;
		border: solid;
		border-width: 0.125em 0.125em 0.125em 0.125em;
		border-color: gold;
		background-color: purple;
		text-align: center;
		font-family: "OstrichSans-Heavy";
		font-size: 200%;
		font-weight: bolder;
		letter-spacing: 0.1em;
		text-decoration: none;
		color: gold;
	}
.chartthreeyear3
	{
		display: inline-block;
		left: 0;
		width: 14%;
		height: 3em;
		line-height: 3em;
		margin: 0;
		padding: 0;
		border: solid;
		border-width: 0.125em 0.125em 0.125em 0.125em;
		border-color: gold;
		background-color: brown;
		text-align: center;
		font-family: "OstrichSans-Heavy";
		font-size: 200%;
		font-weight: bolder;
		letter-spacing: 0.1em;
		text-decoration: none;
		color: gold;
	}
.chartthreeyear4
	{
		display: inline-block;
		left: 0;
		width: 14%;
		height: 3em;
		line-height: 3em;
		margin: 0;
		padding: 0;
		border: solid;
		border-width: 0.125em 0.125em 0.125em 0.125em;
		border-color: gold;
		background-color: coral;
		text-align: center;
		font-family: "OstrichSans-Heavy";
		font-size: 200%;
		font-weight: bolder;
		letter-spacing: 0.1em;
		text-decoration: none;
		color: gold;
	}
.chartthreeyear5
	{
		display: inline-block;
		left: 0;
		width: 14%;
		height: 3em;
		line-height: 3em;
		margin: 0;
		padding: 0;
		border: solid;
		border-width: 0.125em 0.125em 0.125em 0.125em;
		border-color: gold;
		background-color: darkviolet;
		text-align: center;
		font-family: "OstrichSans-Heavy";
		font-size: 200%;
		font-weight: bolder;
		letter-spacing: 0.1em;
		text-decoration: none;
		color: gold;
	}
.buttonscanbuy1
	{
		display: inline-block;
		width: 41.5%;
		height: 3em;
		line-height: 3em;
		margin: 0;
		padding: 0;
		border: solid;
		border-width: 0.125em 0.125em 0.125em 0.125em;
		border-color: gold;
		background-color: azure;
		text-align: left;
		text-indent: 1%;
		font-family: "Optician-Sans";
		font-size: 200%;
		padding-bottom: 0.25em;
		font-weight: bold;
		text-decoration: none;
		color: green;
	}
.buttonscanbuy2
	{
		display: inline-block;
		width: 41.5%;
		height: 3em;
		line-height: 3em;
		margin: 0;
		padding: 0;
		border: solid;
		border-width: 0.125em 0.125em 0.125em 0.125em;
		border-color: gold;
		background-color: mistyrose;
		text-align: left;
		text-indent: 1%;
		font-family: "Optician-Sans";
		font-size: 200%;
		padding-bottom: 0.25em;
		font-weight: bold;
		text-decoration: none;
		color: green;
	}
.buttonscanbuy3
	{
		display: inline-block;
		width: 41.5%;
		height: 3em;
		line-height: 3em;
		margin: 0;
		padding: 0;
		border: solid;
		border-width: 0.125em 0.125em 0.125em 0.125em;
		border-color: gold;
		background-color: lemonchiffon;
		text-align: left;
		text-indent: 1%;
		font-family: "Optician-Sans";
		font-size: 200%;
		padding-bottom: 0.25em;
		font-weight: bold;
		text-decoration: none;
		color: green;
	}
.buttonscanbuy4
	{
		display: inline-block;
		width: 41.5%;
		height: 3em;
		line-height: 3em;
		margin: 0;
		padding: 0;
		border: solid;
		border-width: 0.125em 0.125em 0.125em 0.125em;
		border-color: gold;
		background-color: blanchedalmond;
		text-align: left;
		text-indent: 1%;
		font-family: "Optician-Sans";
		font-size: 200%;
		padding-bottom: 0.25em;
		font-weight: bold;
		text-decoration: none;
		color: green;
	}
.buttonscanbuy5
	{
		display: inline-block;
		width: 41.5%;
		height: 3em;
		line-height: 3em;
		margin: 0;
		padding: 0;
		border: solid;
		border-width: 0.125em 0.125em 0.125em 0.125em;
		border-color: gold;
		background-color: cornsilk;
		text-align: left;
		text-indent: 1%;
		font-family: "Optician-Sans";
		font-size: 200%;
		padding-bottom: 0.25em;
		font-weight: bold;
		text-decoration: none;
		color: green;
		word-wrap: break-word;

	}
.buttonlogout
	{
		display: inline-block;
		margin-top: 0.25em;
		margin-left: 0em;
		padding-top: 0.35em;
		padding-bottom: 0.25em;
		width: 14%;
		height: 2.8em;
		border: solid;
		border-width: 0.25em 0.25em 0.25em 0.25em;
		border-color: gold;
		background-color: green;
		text-align: center;
		text-decoration: none;
	}
.buttonmanagement
	{
		display: inline-block;
		left: 15%;
		margin-top: 0.25em;
		margin-left: 1em;
		padding-top: 0.35em;
		padding-bottom: 0.25em;
		width: 14%;
		height: 2.8em;
		border: solid;
		border-width: 0.25em 0.25em 0.25em 0.25em;
		border-color: gold;
		background-color: green;
		text-align: center;
		text-decoration: none;
	}
.buttonresearch
	{
		display: inline-block;
		left: 30%;
		margin-top: 0.25em;
		margin-left: 1em;
		padding-top: 0.35em;
		padding-bottom: 0.25em;
		width: 17%;
		height: 2.8em;
		border: solid;
		border-width: 0.25em 0.25em 0.25em 0.25em;
		border-color: gold;
		background-color: green;
		text-align: center;
		text-decoration: none;
	}
.buttonorders
	{
		display: inline-block;
		left: 48%;
		margin-top: 0.25em;
		margin-left: 1em;
		padding-top: 0.35em;
		padding-bottom: 0.25em;
		width: 14%;
		height: 2.8em;
		border: solid;
		border-width: 0.25em 0.25em 0.25em 0.25em;
		border-color: gold;
		background-color: green;
		text-align: center;
		text-decoration: none;
	}
.buttonscanner
	{
		display: inline-block;
		left: 63%;
		margin-top: 0.25em;
		margin-left: 1em;
		padding-top: 0.35em;
		padding-bottom: 0.25em;
		width: 14%;
		height: 2.8em;
		border: solid;
		border-width: 0.25em 0.25em 0.25em 0.25em;
		border-color: gold;
		background-color: green;
		text-align: center;
		text-decoration: none;
	}
.buttontrading
	{
		display: inline-block;
		left: 77%;
		margin-top: 0.25em;
		margin-left: 1em;
		padding-top: 0.35em;
		padding-bottom: 0.25em;
		width: 15%;
		height: 2.8em;
		border: solid;
		border-width: 0.25em 0.25em 0.25em 0.25em;
		border-color: gold;
		background-color: green;
		text-align: center;
		text-decoration: none;
	}