body {
  font-family:MS Gothic;
  font-size: 16px;
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.1;
}


/* Style the header */
.header {
  background-color: #f1f1f1;
  padding: 30px;
  font-size: xx-large;
  height: 250px;
  margin: 10px
}

/* Create three unequal columns that floats next to each other */
.column {
  float: left;
  margin: 10px;
}

/* Left and right column */
.column.side {
  width: 250px;
  height: 900px;
  overflow-y:auto;  
}

/* Middle column */
.column.middle {
  width: 700px;
  height:800px;
  overflow-y:auto;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Style the footer */
.footer {
  padding: 10px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}


/*elements*/
/* .subheading {} */

.side_container{
  margin: 5px;
  padding: 5px;
  border-width: 1.5px;
}


/*customisations*/
#center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a:link {
  color: rgb(197, 39, 89);
  background-color: transparent;
  text-decoration: underline;
}

a:visited {
  color:  rgb(197, 39, 89);
  background-color: transparent;
}

a:hover {
  color: red;
  background-color: transparent;
  text-decoration: underline;
  font-style: italic;
}