@font-face {
    font-family: "headline";
    src: url(../fonts/headline.ttf) format("truetype");
  }
 
  .logo {
    width: 3%;
    min-width: 60px;
    margin: 0 5% 0 5%;
    cursor: pointer;
  }
 /* Add a black background color to the top navigation */
 .topnav {
     background-color: white;
     overflow: hidden;
     box-shadow: 0px 2px 2px gray;
     width:100%;
 }
 .navbutton {
    margin: 0;
    padding: 1%;
    display: flex;
    cursor: pointer;
}

 /* Style the links inside the navigation bar */
 .topnav .navbutton a {
     color: black;
     text-align: center;
     text-decoration: none;
     font-size: 1.5em;
     font-family: headline;
 }

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