
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  top: 0;
}

/* center the website on screens that are wider than 500px.  
 On screens that are less than 500px wide, it will span the  
 whole of the page: */
 .content {
 max-width: 90%;
 margin: auto;
}


/* Create three unequal columns that sits next to each other */

/* Column container */
.row {  
  display: flex;
}

/* Sidebar */
.leftcontent {
  flex: 20%;
  background-color: white;
  padding: 20px;
}

/* Main column */
.maincontent {
  flex: 60%;
  background-color: white;
  padding: 20px;
}

/* Sidebar */
.rightcontent {
  flex: 20%;
  background-color: white;
  padding: 20px;
}



