img {
  border-radius: 8px;
}

.responsive {
    max-width: 70%;
    min-width: 50%;
 }

body {
  background-color: white;
}
h1 {
  color: 	#333;
  font-size: 50px;
  font-family: sans-serif;
}

h2 {
  color: 	#333;
  font-size: 40px;
  font-family: sans-serif;
}
p {
  color: black;
  font-size: 30px;
  font-family: sans-serif;
}


/* Add a black background color to the top navigation */
.topnav {
  background-color: #333;
  overflow: hidden; 
  z-index: 1000;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 20px 25px;
  text-decoration: none;
  font-size: 20px;
  font-family: sans-serif;
}

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

/* Add a color to the active/current link */
.topnav a.active {
  background-color: 	#00ff00;
  color: black;
}