@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;
		}
		#author {
			color: orange;
			text-align: left;
			margin-top: -44px;
			margin-left: 210px;
		}
		.band {
			position: relative;
			float: left;
			width: 31px;
			height: 81px;
			margin-left: 23px;
			background-color: transparent;
			border: 2px solid;
			border-color: transparent;
			-webkit-animation: background-color .5s linear;	
		}
		#band_black {
			background-color: black;
		}
		#band_brown {
			background-color: brown;
		}
		#band_red {
			background-color: red;
		}
		#band_orange {
			background-color: orange;
		}
		#band_yellow {
			background-color: yellow;
		}
		#band_green {
			background-color: green;
		}
		#band_blue {
			background-color: blue;
		}
		#band_violet {
			background-color: violet;
		}
		#band_gray {
			background-color: gray;
		}
		#band_white {
			background-color: white;
		}
		#band_number {
			position: relative;
			width: 400px;
			hegith: 25px;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
			font-size: 24px;
			margin-top: 10px;
			color: white;
		}
		.color_band {
			position: relative;
			width: 70px;
			height: 70px;
			float: left;
			border-radius: 10px;
			margin: 5px;
		}
		#container {
			position: relative;
			width: 400px;
			height: 400px;
			margin-left: auto;
			margin-right: auto;
		}
		#container_color {
			display: none;
			position: relative;
			width:400px;
			height:160px;
			margin-left: auto;
			margin-right: auto;
		}
		#container_resistor {
			position: relative;
			width: 400px;
			height: 100px;
			margin-left: auto;
			margin-right: auto;
		}
		#resistance {
			position: relative;
			width: 400px;
			height: 40px;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
			font-size: 36px;
			margin-top:10px;
			color: white;
		}
		#resistor_body {
			position: relative;
			width: 250px;
			height: 85px;
			background-color: #DEA140;
			margin-left: auto;
			margin-right: auto;
			top: -20px;
			z-index: 1;
			border-radius: 25px;
			-moz-border-radius: 25px;
		}
		#resistor_wire {
			position: relative;
			width: 400px;
			height: 25px;
			background-color: silver;
			margin-left: auto;
			margin-right: auto;
			top: 35px;
			z-index: 0;
		}
		#title {
			color: orange;
			text-align: center;
			margin-left: -70px;
		}
		#title_more {
			color: silver;
			position: relative;
			text-align: center;
			font-size: 42px;
			margin-top: -40px;
		}