html,body {
    padding: 0;
    margin: 0;
    font: 14px 'Open sans', sans-serif;
    color: #333;
}
h1 {
    margin: 0;
    margin-bottom: 20px;
	font-size: 24px;
}
form {
    padding: 40px;
    background: #DDD;
    border: 4px solid #AAA;
    width: 360px;
    margin: 30px auto;
}
input {
  	font: 14px 'Open Sans', sans-serif;
    border: 2px solid #ccc;
    padding: 6px;
    display: inline;
	  margin-bottom: 10px;
    width: 96%;
}
button {
    font: 14px 'Open Sans', sans-serif;
    background-color: #4285f4;
    color: white;
    padding: 6px;
    cursor: pointer;
    border: none;
	text-transform: uppercase;
}

.button1 {box-shadow: 0 8px 16px 0 rgba(0,0,0,0.6);}
.button2:hover {box-shadow: 0 8px 16px 0 rgba(0,0,0,0.6);}
.button3 {
    background-color: #f80505;
}
.button3:hover {box-shadow: 0 8px 16px 0 rgba(0,0,0,0.6);}

.button4 {
    background-color: #087e04;
}
.button4:hover {box-shadow: 0 8px 16px 0 rgba(0,0,0,0.6);}

table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  table-layout:fixed;
  word-wrap: break-word;
}
td, th {
  border: 1px solid #ddd;
  padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2;}

th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}
a:link{
  color:blue;
}
a:visited{
  color:blue;
}
a:hover{
  color:orange;
}
a:focus{
  color:green;
}
a:active{
  color:red;
}