/*create top menue black background as an unordered list*/
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

/*allign the top menu left*/
li {
  float: left;
}

/*format top level menu*/
li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}


/*set what happens to the top menu when you hover over it*/
li a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

.google{
  padding: 0px 16px;
  /* margin: 0; */
  /* border: 0; */
  /* padding-bottom: 5px; */
  height: 46px;

}

li.dropdown {
  /*the top and bottom margins/paddings are respected*/  
  display: inline-block;
}

/* This is an example comment*/

/*dropdown list*/
.dropdown-content {
  display: none;
  position: absolute;
  /*background-color: #f9f9f9;*/
  background-color: #fdfcfc;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/*format dropdown content on dropdown list*/
.dropdown-content a {
  color: black;
  padding: 14px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}


/*set the background colour of drop down menu when hovered over*/
.dropdown-content a:hover {
   background-color: #c0c0c0;}


.dropdown:hover .dropdown-content {
   display: block;
}


.link img{
  height: 40px;
  padding: 20px;
 }


 a:-webkit-any-link { 
  text-decoration: none; 
}

.graph{
  padding-top:  100px;

 
}
.graph img{
  width: 50%;
  padding-left: 20px;
  
}