body {  
    font-family: Arial, sans-serif;  
    margin: 0;  
    padding: 0;  
    background-color: #f4f4f4;  
    color: #333;  
}  
  
.container {  
    width: 80%;  
    margin: 0 auto;  
    overflow: hidden;  
}  
  
header {  
    background: #333;  
    color: #fff;  
    padding-top: 30px;  
    min-height: 70px;  
    border-bottom: #77b1e5 3px solid;  
}  
  
header h1 {  
    text-transform: uppercase;  
    margin: 0;  
    float: left;  
    font-size: 24px;  
}  
  
nav {  
    float: right;  
    margin-top: 10px;  
}  
  
nav ul {  
    margin: 0;  
    padding: 0;  
    list-style: none;  
}  
  
nav ul li {  
    display: inline;  
    margin-left: 20px;  
}  
  
nav ul li a {  
    color: #fff;  
    text-decoration: none;  
    text-transform: uppercase;  
    font-size: 16px;  
}  
  
main {  
    padding: 20px;  
    background: #fff;  
    margin-top: 20px;  
}  
  
section {  
    margin-bottom: 20px;  
}  
  
footer {  
    background: #333;  
    color: #fff;  
    text-align: center;  
    padding: 10px 0;  
    margin-top: 20px;  
}  
  
footer .footer-content p {  
    margin: 0;  
}  
  
footer .footer-content a {  
    color: #77b1e5;  
    text-decoration: none;  
}  
  
footer .footer-content a:hover {  
    text-decoration: underline;  
}