h1 {
  color: blue;
  font-size: 40px;
  text-align: center;
}

h2 {
  color: navy;
  font-family: Arial, san-serif;
  font-size: 32px;
  border-bottom: 3px solid navy;
  padding-bottom: 8px;
  
}

/* display menu in one row (flex) */
.menu {
	display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 30px; 
  justify-content: center;
}

/* nav style */
nav {
  background-color: #333;
  padding: 15px;
  text-align: center;  
  position: sticky;
  top: 0;
}

/* nav link style */
nav a {
 color: white;
  margin: 0 20px;
  font-size: 36px;
  font-family: Arial, sans-serif;
}

nav a:hover {
  color: gold;
}

/* spacing between <li> items */
ul li {
  margin-bottom: 10px;
}

/* moves the figure to the left. */
.float-img {
  float: left;
  margin: 15px;
  border: 3px solid blue;
  width: 300px;
  height: 300px;
}

/* quote style */
.quote {
 font-family: Georgia, "Times New Roamn", serif'
   font-size: 16px;
  font-style: italic;
  font-weight: bold;
  color: darkblue;
}

/* stops text from wrapping around floated elements. */
.clear {
  clear: both;
}

/* static position */
.static-box {
 position: static;
  background: lightblue;
}

/* relative position */
.relative-box {
 position: relative;
  left: 30px;
  top: 20px;
  background: lightgreen;
}

.padding-box {
  padding: 50px;
  background: lightblue;
  border: 2px solid blue;
}