/*for creating sections and organizing them properly*/
.section{
  width:100%;
  padding: 0px;
  display:inline-flex;
  flex-wrap: nowrap;
}
.side-section{
  border: 5px groove #D0CCC2;
  width:17%;
  text-align: left;
}
.main-section{
  border: 5px groove #D0CCC2;
  text-align: left;
  width: 59.5%;
  font-size: 20px;
}
.sub-section{
  border: 5px groove #D0CCC2;
  text-align: left;
  font-size: 20px;
  padding: 5px;
  margin: 5px;
}
.scrollable{
  height: auto;
  overflow-y: scroll;
}