body {
  font-family: helvetica, sans-serif;
  margin: 1rem 5%;
  line-height: 1.5;
}

h2 {
  margin-top: 1.5rem;
}

code {
  padding: 0.125rem 0.25rem;
  color: #EE0612;
}

code,
pre {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 1rem;
  border-radius: 6px;
  background-color: #f5f5f5;
  border: 1px solid #C7CDD1;
}

ul li {
  margin-top: 0.75em;
}

ul li pre {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

a:link,
a:visited {
  color: blue;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  color: white;
  background-color: blue;
}

footer {
  margin-top: 4rem;
  padding: 0.5rem;
  background-color: rgb(240, 240, 240);
  border-top: thin solid black;
}

footer p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

form fieldset {
  margin-bottom: 1rem;
}

label {
  display: block;
}

input[type=submit],
button[type=submit] {
  display: block;
}

#icecream_options {
  border-style: none;
}
button.clicked {
  border: 3px solid purple;
}
ul.resourcelist {
  border: 2px solid black;
  border-radius: 5px;
}
.hidden { 
  display: none;
}
.booktitle { font-style: italic;}