div.main-layout {
    display: flex;
    font-family:Tahoma;
}

/* Add a black background color to the top navigation */
.topnav {
  background-color: rgb(132, 193, 255);
  overflow: hidden;
}

.topnav #logo {
  float: left;
  color: black;
  text-align: center;
  padding: 11px 13px;
  font-size: 20px;
  font-family: Tahoma, sans-serif
}

.topnav #logo:hover {
  background-color: #ddd;
  color: black;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: right;
  color: black;
  text-align: center;
  padding: 14px 12px;
  text-decoration: none;
  font-size: 15px;
  font-family: Tahoma, sans-serif
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: rgb(65, 145, 225);
  color: black;
}