@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap");

/* CSS Document */
/* Add a black background color to the top navigation */
.topnav {
  background-color: #2f3447;
  overflow: hidden;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  width:1200px;
  margin:0 auto;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 10px 16px;
  text-decoration: none;  
  font-size: 18px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: rgb(70, 130, 180);
  color: 	#FF7E00;
  text-decoration: underline;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #9ec764;
  color: white;
}