p, li, td {
  font-family: Tahoma, sans-serif;
  color: #000000;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Tahoma, sans-serif;
}

a {
  border: 2px solid;
  border-radius: 10px;
  padding: 5px;
  text-decoration: none;
}

a:hover {
  color: dodgerblue;
  border-color: dodgerblue;
}

a.jazzLink:hover {
  color: goldenrod;
  border-color: goldenrod;
}

body {
  margin: 50px 100px 50px 100px;
  background-color: aliceblue;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

ol.answerChoices {
  list-style: upper-alpha;
}

ol li {
  padding-bottom: 10px;
  padding-top: 10px;
}

hr {
  color: darkblue;
  background-color: darkblue;
  height: 5px;
  border-radius: 10px;
}

.jazzImg {
  margin: 20px;
  border: 3px solid teal;
  border-radius: 5px;
}

table {
  border-collapse: collapse;
}

th, td {
  border: 2px solid black;
  padding: 5px;
}

th {
  font-family: Tahoma, sans-serif;
  background-color: #ff8800;
  color: white;
}

.assign1Body {
  background-image: url(images/jazz_background.jpg);
}

.jazzHR {
  color: teal;
  background-color: teal;
  height: 5px;
}

h1.jazzHead {
  margin: 0px;
  padding: 10px;
  font-family: cursive;
  font-size: 40pt;
  background-color: teal;
  color: white;
}

.jazzBG {
  background-color: antiquewhite;
  padding: 40px;
}

.jazzText {
  font-family: Geneva, Tahoma, sans-serif;
}

.jazzTH {
  background-color: teal;
  color: white;
  font-family: Geneva, Tahoma, sans-serif;
}

.learnObj {
  float: right;
}

.feedbackHead {
  position: fixed;
  top: 0;
  width: 80%;
  padding: 10px;
}

.feedbackQ {
  padding-top: 160px;
  font-family: Geneva, Tahoma, sans-serif;
}

.feedbackBody {
  overflow-y: hidden;
  background-image: url(images/jazz_background.jpg);
}

.assign2Body {
  background-image: url(images/waterdrop_bg.jpeg);
}

.waterBG {
  background-color:aliceblue;
  padding: 40px 100px;
  border-radius: 10px;
}

.waterHead {
  margin: 0px;
  padding: 10px;
  font-size: 40pt;
  background-color:darkblue;
  color: white;
  border-radius: 10px;
}

label, option {
  font-family: Tahoma, sans-serif;
  color: #000000;
}

.errorMessage {
  color: red;
  font-family: Tahoma, sans-serif;
}

.outputMessage {
  font-family: Tahoma, sans-serif;
  color: #000000;
  padding: 0px;
  margin: 0px;
}

input[type=number] {
  width: 80px;
}

input {
  padding: 6px;
  box-sizing: border-box;
  border: 2px solid darkblue;
  border-radius: 4px;
  font-family: Tahoma, sans-serif;
}

input:focus {
  background-color: lightblue;
}

select {
  padding: 6px;
  border: none;
  border-radius: 4px;
  background-color: #f1f1f1;
  font-family: Tahoma, sans-serif;
}

input[type=button].waterButton, input[type=reset].waterButton {
  background-color:dodgerblue;
  border: none;
  color: white;
  padding: 16px 32px;
  margin: 4px 2px;
  cursor: pointer;
  font-size: 12pt;
}

.assign3Body {
  background-color:dimgray;
  margin: 50px 250px 50px 250px;
}

.statsBG {
  background-color:rgb(240, 240, 240);
  padding: 40px 100px;
  border-radius: 10px;
}

.statsHead {
  margin: 0px;
  padding: 10px;
  font-size: 40pt;
  background-color:maroon;
  color: white;
  border-radius: 10px;
}

.statsHR {
  color: dimgray;
  background-color: dimgray;
  height: 5px;
  border-radius: 10px;
}

input[type=button].statsButton, input[type=reset].statsButton {
  background-color:steelblue;
  border: none;
  color: white;
  padding: 16px 32px;
  margin: 4px 2px;
  cursor: pointer;
  font-size: 12pt;
}

.statsTH {
  background-color: steelblue;
  color: white;
  font-family: Tahoma, sans-serif;
}

.flex-container {
  display: flex;
  justify-content: center;
}

.statsResults {
  margin: auto;
  width: 50%
}