body {
    background-color: #9fc8c2;}

* {
    box-sizing: border-box;}

body {
    margin: 0;}
    
.header {
    background-color: #f0f2da;
    color: #8b8285;
    text-align: center;
    padding: 15px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;}

.nav {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 22px; 
    border-bottom-style: solid; 
    border-bottom-width: 8px; 
    padding-left: 20px; 
    background-color: #ff3377; 
    color: #f0f2da;}
    
.footer {
    background-color: #f0f2da;
    color: #8b8285;
    padding: 15px;
    font-family: "Trebuchet MS", Helvetica, sans-serif}

.column {
    float: left;
    padding: 15px;}
    
.clearfix::after {
    content: "";
    clear: both;
    display: table;}
    
.sidemenu {
    width: 25%;}
    
.content {
    width: 75%;}
    
.sidemenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;}
    
.sidemenu li a {
    margin-bottom: 4px;
    display: block;
    padding: 8px;
    background-color: #f0f2da;
    text-decoration: none;
    color: #8b8285;
    font-size: 18px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;}
    
.sidemenu li a:hover {
    background-color: #647d79;
    color: white;}
    
.sidemenu li a.active {
    background-color: #ff3377;
    color: white;}

.h1, .h2, .h3, .h4 {
  color: #ff3377;}

.p {
  font-size: 18px;}  

.img {
    margin: 50px 25px;
    padding-right: 25px;}