/*5F7B7C teal, 607788 tealresume, cc9900 (b98c04 A11Y) (9b907c doc resume) gold, 64738a blue, aab2b1 mint gray, d0d9d9 mint, 3ab4c9 bright teal dk, ecb101 bright gold, 40d9f3 bright teal, ee5557 red, 50462d brown,   */
			@font-face {
				font-family: "primusdemo";
				src: url("../fonts/Primus-DEMO-webfont.eot");
				src: url("../fonts/Primus-DEMO-webfont.eot?#iefix")
						format("embedded-opentype"),
					url("../fonts/Primus-DEMO-webfont.woff") format("woff"),
					url("../fonts/Primus-DEMO-webfont.ttf") format("truetype"),
					url("../fonts/Primus-DEMO-webfont.svg#primusdemo") format("svg");
				font-weight: normal;
				font-style: normal;
				font-display: block;
			}
			html {
				height: 100%;
			}
			body {
				background: url("../images/dark_embroidery.png");
				background-repeat: repeat;
				height: 100%;
				margin: 0;
				padding: 0;
				font-family: "primusdemo";
				font-size: 1em !important;
			}
			.contents {
				height: 100%;
				margin: 0 auto;
				position: relative;
				padding-top: 30px;
			}
			.round1 {
				border-radius: 50%;
				margin: 0 auto;
				height: 85%;
				position: relative;
				border: 1px solid #3ab4c9;
				-webkit-transition: all 0.3s linear;
				-moz-transition: all 0.3s linear;
				-o-transition: all 0.3s linear;
				transition: all 0.3s linear;
				z-index: 0;
			}
			#testsvg:active,
			#testsvg:hover {
				background: url("../images/software_technology_901color.gif");
				background-repeat: no-repeat;
				background-position: center center;
				background-clip: border-box;
				background-size: 107% 107%;
			}
			.round1:active,
			.round1:hover {
				background: #d0d9d9;
				-webkit-transition: all 0.3s linear;
				-moz-transition: all 0.3s linear;
				-o-transition: all 0.3s linear;
				transition: all 0.3s linear;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				-o-box-sizing: border-box;
				box-sizing: border-box;
			}
			.round1 p {
				position: absolute;
				top: 0;
				left: 40%;
				color: #3ab4c9;
				text-align: center;
			}
			.round2 {
				border-radius: 50%;
				margin: 0 auto;
				height: 80%;
				border: 1px solid #aab2b1;
				position: relative;
				margin: 10%;
				-webkit-transition: all 0.3s linear;
				-moz-transition: all 0.3s linear;
				-o-transition: all 0.3s linear;
				transition: all 0.3s linear;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				-o-box-sizing: border-box;
				box-sizing: border-box;
			}
			.round2 p {
				position: absolute;
				top: 10%;
				left: 40%;
				color: #aab2b1;
				text-align: center;
				-webkit-transition: all 0.3s linear;
				-moz-transition: all 0.3s linear;
				-o-transition: all 0.3s linear;
				transition: all 0.3s linear;
				z-index: 999;
			}
			.round2:active,
			.round2:hover {
				background: #607788;
				-webkit-transition: all 0.3s linear;
				-moz-transition: all 0.3s linear;
				-o-transition: all 0.3s linear;
				transition: all 0.3s linear;
				-webkit-transform: matrix(0.969, 0.249, -0.249, 0.969, 0, 0);
				-moz-transform: matrix(0.969, 0.249, -0.249, 0.969, 0px, 0px);
				-ms-transform: matrix(0.969, 0.249, -0.249, 0.969, 0, 0);
				-o-transform: matrix(0.969, 0.249, -0.249, 0.969, 0, 0);
				transform: matrix(0.969, 0.249, -0.249, 0.969, 0, 0);
			}
			#testsvgb:active,
			#testsvgb:hover {
				background: url("../images/software_technology_902color.gif");
				background-repeat: no-repeat;
				background-position: center center;
				background-clip: border-box;
				background-size: 101% 101%;
			}
			.round3 {
				border-radius: 50%;
				margin: 0 auto;
				height: 76%;
				/* position: absolute; */
				top: 0;
				border: 1px solid #607788;
				margin: 12%;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				-o-box-sizing: border-box;
				box-sizing: border-box;
			}
			.round3:active,
			.round3:hover {
				-webkit-transition: all 0.3s linear;
				-moz-transition: all 0.3s linear;
				-o-transition: all 0.3s linear;
				transition: all 0.3s linear;
				-webkit-transform: matrix(0.969, 0.249, -0.249, 0.969, 0, 0);
				-moz-transform: matrix(0.969, 0.249, -0.249, 0.969, 0px, 0px);
				-ms-transform: matrix(0.969, 0.249, -0.249, 0.969, 0, 0);
				-o-transform: matrix(0.969, 0.249, -0.249, 0.969, 0, 0);
				transform: matrix(0.969, 0.249, -0.249, 0.969, 0, 0);
			}
			.round3:active > svg > a > text,
			.round3:hover > svg > a > text {
				font-size: 0.9em !important;
			}
			#testsvgc:active,
			#testsvgc:hover {
				background: url("../images/software_technology_903color.gif");
				background-repeat: no-repeat;
				background-position: center center;
				background-clip: border-box;
				background-size: 100% 100%;
			}
			.round3 p {
				position: absolute;
				top: 1.5%;
				left: 33%;
				color: #607788;
				text-align: center;
			}
			.white {
				color: #fff;
			}
			footer {
				height: 40px;
				background: #555;
				position: fixed;
				bottom: 0;
				width: 100%;
			}
			footer p {
				width: 100%;
				font-size: 0.7em;
				text-align: center;
				font-family: Arial, Helvetica, sans-serif;
				letter-spacing: 0.08em;
				line-height: 20px;
				color: #8b919a;
			}
			footer a {
				color: #3ab4c9;
				text-decoration: none;
			}
			footer a:hover {
				color: #40d9f3;
			}
			circle {
				margin: 0 auto;
			}
			#testsvg,
			#testsvgb,
			#testsvgc {
				position: absolute;
				display: block;
				left: 0;
			}