body {
  margin: 0;
  padding: 0;
}

/* Layout begins */
.layout {
  display: flex;
}

.layout__sidebar {
  order: 1;
  width: 200px;
  background: #d5e3e6;
}

.layout__main {
    order: 2;
    width: 100%;
    padding: 1em;
}
/* Layout ends */

/* Sidemenu begins */
.sidemenu {
    margin: 0;
    padding: 0;
    width:100%;
    list-style-type: none;
}

.sidemenu__item {
    display: block;
}

.sidemenu__item--active {
    background-color: #eff7f3;
}

.sidemenu__link {
    text-decoration: none;
    color: #2a1d30;
    padding: 10.5px 11px;
    display:block;
}

.sidemenu__link:visited {
    color: #807983;
}

.button {
    background-color: #2a1d30;
    color: #eff7f3;
    text-decoration: none;
    padding: 0.5em;
    border-radius: 0.5em;
    display: inline-block;
}