﻿<style type="text/css">

body, html {
  max-width: 1475px;
  width: 97%;
  height: 100%;
  padding: 0;
  background-color: olive;
  margin: auto;
  font-family: arial, verdana, 'Trebuchet MS';
}



header, footer {
  padding: 10px;

 
}



nav a{
  display: block;
  margin: 0 0 4px 0;
  text-decoration: none;
  padding: 5px 5px;
  font-family: ;
  color: blue;
  text-shadow: 1px -1px white;
  background-color: #D3E1FA;
  border: 1px solid black;
  border-radius: 5px;
}
nav a:hover{
  color: #D3E1FA;
  text-shadow: 1px -1px #54637F;
  background-color: blue;
}
article {
  margin: 0;
  background-color: #EBEBEB;
  padding:15px;
}
article a{
  text-decoration: none;
  color: blue;
}
article a:hover{text-decoration: underline;}


h1{
  float: right;
  font-family: verdana, arial;
  font-style: italic;
  color: green;
  -webkit-transform: rotate(-10deg);
  	-moz-transform: rotate(-10deg);
	font-size:5em;
	text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,
	0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),
	0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);

  }


h2{
  text-align: left;
  font-family: verdana, arial;
  font-variant: small-caps;
  color: green;
  }



button{
  padding: 10px;
  color: white;
  background-color: blue;
  font: 400 18px Arial ,Verdana;
  border-radius: 15px;
  box-shadow: 1px 1px 1px black;
  text-shadow: 1px -1px green;
}


</style>