/* Note: No credit is provided for submitting design and/or code that is taken */
/*       from course-provided examples.                                        */
/*                                                                             */
/* Do not copy this code into your project submission and then change it.      */
/*                                                                             */
/* Write your own code from scratch. Use this example as a REFERENCE only.     */
/*                                                                             */
/* You may not copy this code, change a few names/variables, and then claim it */
/* as your own. It does not matter if you can explain what every line does.    */
/*                                                                             */
/* Examples are provided to help you learn. Copying the example and then       */
/* changing it a bit, does not help you learn the learning objectives of this  */
/* assignment. You need to write your own code from scratch to help you learn. */

html {
  font-family: 'Lucida Grande', 'Cantarell', 'Arial', sans-serif;
  background-color: #cfcbbf;
}

body {
  background-color: #efece5;
  color: #000000;

  margin: 0 auto;
}

h1 {
  padding: 18px;
  margin: 0;
}

nav menu {
  margin: 0;
  padding: 0;
}

nav menu li {
  list-style: none;
}

nav menu li a {
  display: block;
  padding: 10px;
  padding-left: 18px;

  border-bottom: 8px solid #efece5;
  color: black;

  font-size: 140%;
  text-decoration: none;
}

nav menu li a:hover {
  border-bottom: 8px solid #55bea9;
  background-color: #ffffff;
}

h2 {
  font-size: 160%;
}

.left-image {
  gap: 10px;
  padding: 0 16px;

  background-color: #ffffff;
}

.logo img {
  display: block;
  margin: 24px auto;
}

.highlight-top {
  padding: 20px;

  color: white;
  background-color: #f3633e;
}

.highlight-middle {
  padding: 20px;

  color: white;
  background-color: #3e587e;
}

.readable {
  padding: 4px 12px;

  background-color: white;
  color: rgb(47, 70, 108);
}

.fit-width {
  width: 100%;
}

.button {
  display: block;

  padding: 10px 20px;
  margin-left: auto;
  margin-right: auto;

  background-color: #55bea9;
  color: white;
  text-decoration: none;
  border-radius: 4px;
}