@font-face { font-family: 'futura-heavy';
             src: url('Futura-LT-Heavy-Oblique.otf') format('opentype'); }

@font-face { font-family: 'futura-light';
             src: url('Futura-LT-Light.otf') format('opentype'); }
				  

h1 { font-family: futura-heavy, arial, sans-serif; }
h2 { font-family: futura-light, arial, sans-serif; font-size:20px;}
* { font-family: futura-light, arial, sans-serif; }

html {
background: linear-gradient(180deg, #333399, #339999);
color: white;
text-align:center;
height: 100%;
}

table.header {
    width:70%; 
    margin-left:15%; 
    margin-right:15%;
	text-align:center;
		
}
table.header td {
		font-family: futura-heavy, arial, sans-serif;
		font-size: 30px;
}

  table.center {
    width:70%; 
    margin-left:15%; 
    margin-right:15%;
	text-align:left;
	font-size: 18px;
  }
  
input {
    width:100%;
	height:25px;
	font-family: futura-light;
	font-size: 24px;
	
	
}

input[type=submit] {
	width:100%;
    color: white;
	height:45px;border-color: #0099cc; background-color: #0099cc;
	box-shadow:10px 10px 20px darkblue;  
}

textarea
{
  width:100%;
}