body {
    background-color: #B6C1D4;
    font-size: 16px;
}

a, h1, h3, table, p, footer, li {
  font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

.navbar {
  font-family: "Segoe UI",Arial,sans-serif;
}

.nav-item .dropdown {
  float: right;
}

.show {
  display: block;
}

.sidebar {
  height: 100%;
  width: 20%;
  position: fixed;
  display: block;
}

.main {
  margin: 0 20%;
  margin-top: 2%;
}

#welcome {
  text-align: center;
  margin: 30px 0px;
}

#profilepicture {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5%
}

.logo {
  max-width: 64px;
  max-height: 64px;
  margin-right: 10px;
}

.intereststable{
  float: left;
  vertical-align:  middle!important;
}

.interestssection {
  width: 50%;
  float:left;
  margin-top: 20px;
}