* {
    margin: 40;
    padding: 0;
  }
  
  body {
    font-size: 16px;
    font-family: sans-serif;
    color: black;
  }

  .header {
    display: flex;
    flex-direction: row;
    margin: 10px;
  }

  .logo {
    flex: 15%;
  }

  .title {
    flex: 80%;
    text-align: center;
    color: black;
  }

  .title h1{
    font-size: 48px;
  }
  .navbar {
    display: flex;    
    justify-content: flex-end;
    border: black;
    border-width: 1px;
    border-style: solid;
    color: black; 
    width: 98%;
    padding: 5px;
    margin:10px;   
  }
  #nav-text {
    font-size: 20px;
    color: darkblue;
  }

  .menu {
    margin-top: 5px;
  }
  
  .menu > li {
    display: inline;
    margin-right: 50px;
  }
  
  .menu > li:last-of-type {
    margin-right: 0;
  }