@font-face {
font-family: "Source Sans 3";
src:
url("open-sans-v35-latin-700.woff2") format("woff2"),
url("open-sans-v35-latin-regular.woff2") format("woff");
font-weight: normal;
font-style: normal;
}

	img {
	  max-width: 80%;
	  height: auto;
	}
	.container {
	  font-family: "Source Sans 3";
	  position: relative;
	  text-align: left;
	  font-size:3vw;
	  color: white;
	}

	.top-left {
	  position: absolute;
	  top: 0px;
	  left: 26px;
	}

#button1 {
  font-family: "Source Sans 3";
  text-align: left;
  color: grey;
  border: none;  
  background-color: white;
  cursor: pointer;
  width: 100%;
  font-size:15px; 	/* größe des Buttons der Playlist */
}

#button1:hover {
	color: white;
    background-color: grey;
}

	/* Style the top navigation bar */
	.topnav {
	  overflow: hidden;
	  background-color: white;
	  font-family: "Source Sans 3";
	  font-size:2vw;
	}

	/* Style the topnav center */
	.topnav a {
	  display: block;
	  color: #002a46;
	  text-align: left;
	}

	/* Change color on hover */
	.topnav a:hover {
	  background-color: #002a46;
	  color: white;
	}
	
div.a {
	text-align: center;
	background-color: #002a46;
	color:white;
	}