@CHARSET "UTF-8";

@font-face {
				font-family: Comfortaa_Regular-webfont; src: url('Comfortaa_Regular-webfont.ttf');
			}
			body {
				position:relative;
				margin: 0px;
				padding: 0px;
				background-color: #333333;
				font-family: Comfortaa_Regular-webfont;
			}
			a {
				text-decoration:none;
			}
			#app_container {
				position: relative;
				width: 320px;
				height: 470px;
			}
			#logo_container {
				position: relative;
				width: 320px;
				height: 30px;
				color: white;
				font-size: 22px;
				background-color: red;
				text-align: center;
				padding-top: 2px;
				cursor: pointer;
			}
			#find_color_container {
				position: relative;
				display: none;
				width: 320px;
				height: 470px;
				background-color:transparent;
				text-align:center;
				color: white;
				font-size: 48px;
			}
			#find_value_container {
				position: relative;
				display: none;
				width: 320px;
				height: 470px;
				background-color: transparent;
				text-align:center;
				color: white;
				font-size: 48px;
			}
			#fcc_top {
				position: relative;
				padding-top:10px;
				width: 320px;
				height: 180px;
				background-color: #333333;
				font-size: 36px;
			}
			#fcc_top_left {
				position: relative;
				float: left;
				width: 140px;
				background-color: tranparent;
				height: 68px;
				color: white;
				padding-top: 5px;
			}
			#fcc_top_right {
				position: relative;
				float: left;
				width: 160px;
				padding-right: 20px;
				background-color: transparent;
			}
			
			#fcc_middle {
				position: relative;
				width: 320px;
				height: 200px;
				background-color: transparent;
			}
			#fcc_resistor_container {
				position: relative;
				width: 320px;
				height: 200px;
				background-color: transparent;
			}
			#fvc_resistor_container {
				position: relative;
				width: 320px;
				height: 140px;
				background-color: transparent;
				text-align: center;
				font-size: 24px;
				color: white;
				padding-top: 30px;
			}
			#fvc_picker_container {
				position: relative;
				width: 320px;
				height: 140px;
				background-color: transparent;
			}
			#picker_color {
				position: relative;
				width: 320px;
				height: 140px;
				background-color: transparent;
				display: none;
			}
			.picker_button {
				position: relative;
				width: 60px;
				height: 60px;
				margin-left: 4px;
				margin-top: 5px;
				float: left;
				
				cursor: pointer;
				border-radius: 10px;
				-moz-border-radius: 10px;
			}
			#black {
				margin-left: 2px;
				background-color: black;
			}
			#brown {
				background-color: brown;
			}
			#red {
				background-color: red;
			}
			#orange {
				background-color: orange;
			}
			#yellow {
				background-color: yellow;
			}
			#green {
				margin-left: 2px;
				background-color: green;
			}
			#blue {
				background-color: blue;
			}
			#violet {
				background-color: violet;
			}
			#grey {
				background-color: grey;
			}
			#white {
				background-color: white;
			}
			#fvc_answer_container {
				position: relative;
				width: 320px;
				height: 60px;
				background-color: transparent;
				padding-top: 20px;
			}
			#fvc_button {
				float:none;
				margin-left: auto;
				margin-right: auto;
			}
			#fcc_bottom {
				position: relative;
				width: 320px;
				height: 50px;
				background-color: transparent;
			}
			#value_input {
				font-family: Comfortaa_Regular-webfont;
				font-size:36px;
				width: 250px;
				padding-bottom: 10px;
				margin-bottom: 10px;
				text-align: center;
			}
			#home_container {
				position: relative;
				width: 320px;
				height: 460px;
				background-color: transparent;
				/*padding-top: 10px;*/
				font-size: 72px;
				color: white;
				text-align:center;
			}
			.home_button {
				position: relative;
				width: 198px;
				height: 122px;
				background-color: yellow;
				margin-left: auto;
				margin-right: auto;
				text-align: center;
				font-size: 72px;
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				cursor: pointer;
				border-radius: 60px;
				-moz-border-radius: 60px;
				
				border-color: white;
				/*border: 5px solid;*/
				color: black;
				
			}
			#ohm_button {
				margin-top:10px;
				padding-top: 20px;
				height: 102px;
				
			}
			#color_button {
				margin-top: 50px;
			}
			.back_button {
				position: relative;
				float: left;
				margin-left: 10px;
				width: 120px;
				text-align: center;
				background-color: yellow;
				color: black;
				cursor: pointer;
				border-radius: 15px;
				-moz-border-radius: 15px;
				font-weight: bold;
				/*border: 3px solid;*/
				font-size: 24px;
				margin-top: 5px;
			}
			#fcc_button {
				position: relative;
				width: 120px;
				margin-top: 5px;
				float:right;
				margin-right: 10px;
				background-color: yellow;
				color: black;
				cursor: pointer;
				border-radius: 15px;
				-moz-border-radius: 15px;
				font-weight: bold;
				/*border: 3px solid;*/
				font-size: 24px;
			}