
<style>

/* add my font? */
	

		body{ 	

		    /* font */
		    color: black; /* font color */                
			font-size: 17pt;
		    font-family: Times, 
			line-height: 15px;
			letter-spacing: 0.7px;
			margin-left: 0px;
			margin-right: 0px;
			margin-top: 0px;
			padding: 0px;
		}


		/* Responsive scaling */

		h1 {
			font-size: calc(2.4vW + 2.4vH);
			text-align: center;
			font-weight: normal;

		}

		h2 {
			font-size: calc(0.8vW + 0.8vH);
			font-weight: normal;
		}

		#container {
			display: flex;
		}

		iframe {
			border: 0px;
			width: 30vW;
			height: 60vH;
		}



		/* Text & image links*/

		a { color: blue;		                            				text-decoration: none;
		  	padding-bottom: 0.00em;
		  	border-bottom: 0em rgba(255, 255, 255, 0.31);
    			}

			a:visited {
			color: blue; }

			a:hover {
    		text-decoration: underline; }

    		a.image-link,
			a.icon-link,
			a.image-link:hover,
			a.icon-link:hover 
			{ border-bottom: 0;	padding-bottom: 0; }

	div#noise-image {

	margin-top: 0px;
	text-align: center;
	background: transparent;
	position: absolute;

	}

	.container {
  background-color: #e6ffe6;
  background-image: url(noise.gif);
  background-blend-mode: multiply;
}


	div#header {

	margin-top: 98px;
	margin-left: 230px;
	margin-right: 230px;
	line-height: 47px;
	font-size: 54px;
	font-family: Times;
	letter-spacing: 0pt;
	color: black;
	background: transparent;
	position: absolute;
	}

	div#links {

	margin-top: 40px;
	margin-right: 0px;
	margin-left: 1025px;
	font-size: 14px;
	font-family: Courier;
	letter-spacing: 0px;
	line-height: 12pt;
	text-align: right;
	color: blue;
	text-decoration: underline;
	background: transparent;
	position: fixed;

	}

	div#buttons {

	margin-top: 40px;
	margin-left: 60px;
	font-size: 14px;
	font-family: Courier;
	letter-spacing: 0px;
	line-height: 12pt;
	text-align: left;
	color: black;
	background: transparent;
	position: fixed;

	}

	div#title {

	margin-top: 40px;
	margin-left: 550px;
	font-size: 14px;
	font-family: Times;
	letter-spacing: 1pt;
	text-align: center;
	color: blue;
	background: transparent;
	position: fixed;

	}

	div#concept {

	margin-top: 495px;
	margin-left: 51px;
	font-size: 18px;
	font-family: Courier;
	letter-spacing: 0pt;
	text-align: left;
	color: black;
	background: transparent;
	border: 1px solid black;
	border-collapse: collapse;
	position: absolute;
	}

	div#body {

	margin-top: 495px;
	margin-left: 684px;
	font-size: 18px;
	font-family: Courier;
	letter-spacing: 0pt;
	text-align: left;
	color: black;
	border: 1px solid black;
	border-collapse: collapse;
	background: transparent;
	position: absolute;

	}

	div#samples {

	margin-top: 1160px;
	margin-left: 51px;
	font-size: 18px;
	font-family: Courier;
	letter-spacing: 0pt;
	text-align: left;
	color: black;	
	border: 1px solid black;
	border-collapse: collapse;
	background: transparent;
	position: absolute;
}


	.mobile.icon {
  color: blue;
  position: fixed;
  margin-left: 16px;
  margin-top: 210px;
  width: 12px;
  height: 19px;
  border-radius: 2px;
  border: solid 1px currentColor;
}

	.mobile.icon:before {
  content: '';
  position: absolute;
  left: 5px;
  top: 1px;
  width: 2px;
  height: 1px;
  background-color: currentColor;
}

	.mobile.icon:after {
  content: '';
  position: absolute;
  bottom: 1px;
  left: 5px;
  height: 2px;
  width: 2px;
  border-radius: 50%;
  background-color: currentColor;
}

	.tablet.icon {
  color: blue;
  position: fixed;
  margin-left: 15px;
  margin-top: 240px;
  width: 15px;
  height: 17px;
  border-radius: 2px;
  border: solid 1px currentColor;
}

	.tablet.icon:before {
  content: '';
  position: absolute;
  top: 1px;
  left: 0;
  height: 13px;
  width: 15px;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
}

	.tablet.icon:after {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 6px;
  width: 3px;
  height: 1px;
  background-color: currentColor;
}

	.laptop.icon {
  color: blue;
  position: fixed;
  margin-left: 16px;
  margin-top: 269px;
  width: 12px;
  height: 8px;
  border-radius: 2px;
  border: solid 1px currentColor;
}

	.laptop.icon:before {
  content: '';
  position: absolute;
  left: -4px;
  bottom: -5px;
  width: 18px;
  height: 1px;
  border-radius: 0 0 2px 2px;
  border: solid 1px currentColor;
}

	div#rotate {

	transform: rotate(270deg);
	color: blue;
	font-family: Courier;
	font-size: 12px;
	text-decoration: underline;
  	margin-left: 1150px;
  	margin-top: 225px;
  	position: fixed;
  	background: transparent;

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}




</style>