.hide a, .hide a:link, .hide a:visited .hide a:hover {
  color: goldenrod !important;
  text-decoration: none;
  cursor: none !important;
}

/* shared header/navbar */
.nav {
  background-color: goldenrod;
  color: forestgreen;
  text-align: center;
  font-family: "Times new roman", Times, serif;
  padding-top: 1px;
  padding-bottom: 1px;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  outline-style: groove;
  outline-color: goldenrod;
}

.nav a {
  padding: 0 5px;
  margin: 0;
  line-height: 1;
  display: inline-block;
}
.nav a:link {
  color: darkslategray;
  text-decoration: none;
}
.nav a:visited {
  color: darkslategray;
}
.nav a:hover {
  color: black;
}
.nav a:active {
  color: black;
  font-style: bold;
}


/* shared footer */
.foot {
  margin-top: 10px;
  text-shadow: 2px 2px darkslategray;
}

.foot a, .foot a:link, .foot a:visited {
  color:goldenrod;
  text-decoration:none;
  cursor: pointer;
}

.foot a:hover {
  color: black;
  text-shadow: 0px 0px;
}

/* site structure */
body {
  background-color: forestgreen;
  color: goldenrod;
  text-align: center;
  font-family: "Times new roman", Times, serif;
}

.content {
  background-color: antiquewhite;
  color: black;
  text-align: center;
  outline-style: groove;
  outlink-color: goldenrod;
  width: 95%;
  height: 80%;
  padding-top: 5px;
  padding-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}


/* progress tracker */
x {
  text-decoration-line: line-through;
}
o {
  background-color: yellowgreen;
  font-style: italic;
}

.progress {
  background-color: Bisque;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  outline-style: groove;
  padding-bottom: 27px;
}

th {
  text-decoration-line: underline;
  text-align: center;
}

tr {
  border-right: 1px solid GainsBoro;
}

th, td {
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
}


/* image formatting */
.makar {
  width: 40%;
  height: 40%;
}

.saria {
  width: 35%;
  height: 35%;
}

.thanks {
  border: none;
  outline-style: groove;
  outline-color: goldenrod;
  color: black;
  background-color: goldenrod;
  padding: 10px 10px;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition: 0.3s;
}

.thanks:hover {
  background-color: antiquewhite;
  outline-color: antiquewhite;
}


/* Standardizing links */
a, a:link, a:visited {
  color: blue;
  text-decoration: none;
}


/* Making the audo player consistent across brower engines */
audio::-webkit-media-controls-panel {
    background-color: black;
}

audio {
    border-radius: 20px;
}