body {
  font-family: Arial;
  background-color: white;
  margin: 0;
}

/* menu */
ul.menu {
  list-style-type: none;
  background-color: lightblue;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

li.menu {
  float: left;
}

/* links */
li.menu a {
  color: blue;
  text-decoration: none;
  padding: 10px;
  display: block;
}

/* hover */
li.menu a:hover {
  background-color: skyblue;
}

/* current page */
#current {
  background-color: dodgerblue;
}

/* boxes */
.box1 {
  border: 1px solid black;
  margin: 10px;
  padding: 10px;
}

.box2 {
  background-color: #f2f2f2;
  margin: 10px;
  padding: 10px;
}

/* span */
span.words {
  color: brown;
  font-weight: bold;
}

/* table */
table {
  border-collapse: collapse;
}

td, th {
  border: 1px solid black;
  padding: 6px;
}

/* small screen */
@media (max-width: 600px) {
  li.menu {
    float: none;
  }

  body {
    background-color: #eeeeee;
  }
}