table, th, td {
 border: 1px solid black;
 border-collapse: collapse;
}
th, td {
 padding: 5px;
 text-align: left;
}
input[type=text], select {
 width: 100%;
 padding: 12px 20px;
 margin: 8px 0;
 display: inline-block;
 border: 1px solid #ccc;
 border-radius: 4px;
 box-sizing: border-box;
}

input[type=submit] {
 width: 100%;
 background-color: #4CAF50;
 color: white;
 padding: 14px 20px;
 margin: 8px 0;
 border: none;
 border-radius: 4px;
 cursor: pointer;
}

input[type=submit]:hover {
 background-color: #f11313;
}

div {
 border-radius: 5px;
 background-color: #f2f2f2;
 padding: 20px;
}
body {
 background-color: #999;
}
section {
 width: 80%;
 padding: 20px;
 margin: 20px auto;
 background-color: white;
}
h1 {
 color: #F30;
 font-size: 36px;
}
nav{
 background-color: #f11313;
 color: #fff;
 height: 60px;
 margin: 10px 0;
}
nav a{
 float: left;
 padding: 20px;
 height: 20px;
 text-decoration: none;
 color: #FFF;
}
nav a:hover {
 background-color: #1423b1;
}
article {
 min-height: 20px;
 color: #333;

}
footer {
 text-align: center;
 display: block;
 margin-botton: 10px;

}