@font-face {

    font-family: 'Oswald';

    src: url('../fnt/Oswald-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}		  



		  

.navbar {

  background-color: blue;

  overflow: hidden;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  font-family: "Oswald";

}



/* Style the links inside the navigation bar */

.navbar a {

  float: left;

  display: block;

  color: #f2f2f2;

  text-align: center;

  padding: 14px 16px;

  text-decoration: none;

  font-size: 17px;

}



/* Change the color of links on hover */

.navbar a:hover {

  background-color: #ddd;

  color: black;

}



/* Add a color to the active/current link */

.navbar a.active {

  background-color: #04AA6D;

  color: white;

}