Raphael

body {

   font-family: Arial, sans-serif;
   line-height: 1.6;
   margin: 0;
   background-color: #f4f4f4;

}

header {

   background: #2C3E50;
   color: white;
   padding: 20px 10px;
   text-align: center;

}

nav {

   background: #34495E;

}

nav ul {

   list-style: none;
   margin: 0;
   padding: 0;
   text-align: center;

}

nav ul li {

   display: inline-block;
   margin: 0;

}

nav ul li a {

   display: block;
   padding: 12px 18px;
   color: white;
   text-decoration: none;

}

nav ul li a:hover {

   background: #2C3E50;

}

main {

   padding: 20px;
   max-width: 900px;
   margin: auto;
   background: white;

}

h2 {

   color: #2C3E50;
   border-bottom: 2px solid #2C3E50;
   padding-bottom: 5px;

}

footer {

   text-align: center;
   padding: 15px;
   background: #2C3E50;
   color: white;
   margin-top: 20px;

}