html {
}
h1{
  text-align:center;
}
header{
  margin:auto;
}
nav{
  background:#02002b;
  padding:30px;
  overflow:auto;
  text-align:center;
  color:red;
}
nav a {
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    padding: 10px 20px;
    margin: 0 5px;
    text-align: center;
}
nav a.active {
    color: red;
}
nav a:hover{
    color: red;
}
body{
    height: 100%;
    font-family:sans-serif;
}
footer{
    background: #02002b;
    color:white;
    height: 50px;
    text-align: center;
    padding: 40px 0px 30px 0px;
}
footer p{
    color: white;
}
footer a{
    color:white;
}
.left {
    display: block;
    float: left
}
.right{
    display: block;
    float: right;
}
.center{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.text{
    width: 1100px;
    margin: 0 auto;
}