body {
  margin-left: 5%;
  margin-right: 5%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

a {
   color: #0000ff;
   text-decoration: none
}

/* navbar */
.navbar {
  width:100%;
  overflow: hidden;
  background-color: lightblue;
  font-family: Arial;
}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 16px;
  color: blue;
  text-align: center;
  padding: 6px 16px;
  text-decoration: none;
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: gray;
}

/* filmstrip for pictures - implement scroll bars */
.filmstrip {
   overflow: auto;
	white-space: nowrap;
}

/* div add a border / background to enclose elements */
div.box  { border: solid; border-width: thin; width: 100% }

div.color  { 
   background: #bec8d1; 
   border: none; 
	padding: 0.5 em;
}