* {
  margin: 0px;
  padding: 0px;
}

body {
  /* background-color: indigo !important; */
  padding-top: 5px;
  background-repeat: repeat;
  background-image: url(../images/bg-bl.jpg);
  background-position: center top;
}

header {
  text-align: center;
}

.container {
  width: 75%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 5px;
}

#header h1 {
  text-transform: capitalize;
  text-align: center;
  color: #ff9;
}

.container h1 {
  text-transform: capitalize;
  text-align: center;
  color: #ff9;
}

.container h2 {
  text-transform: capitalize;
  text-align: center;
  color: #ff9;
  padding-bottom: 90px;
}

.row {
  color: yellow;
  font-size: 1.9rem;
  font-weight: bold;
}

h1 {
  /* color: goldenrod; */
  text-align: center;
  color: #ff9;
}

h3 {
  color: burlywood;
  text-align: center;
}

.p {
  padding-bottom: 100px;
}

.space {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
  font-size: 1em;
}

table {
  margin-right: auto;
  margin-left: auto;
  font-size: 1em;
  width: 95%;
  color: bisque;
  /* background-color: darkblue !important; */
}

th {
  text-align: left;
  /* border:1px solid goldenrod; */
}

th,
td {
  border: 1px solid goldenrod;
  padding: 10px;
}

tr {
  /* text-align: left; */
  font-size: 1.5rem !important;
}

hr {
  color: gold;
}

a:link {
  color: red;
}

/* visited link */
a:visited {
  color: green;
}

/* mouse over link */
a:hover {
  color: hotpink;
}

/* selected link */
a:active {
  color: blue;
}

.text21 {
  color: yellow;
}

.footer {
  color: yellow;
  text-align: center;
  font-size: 1rem;
  padding-top: 10%;
}

/* ======================= TIMER ======================= */

.container {
  position: fixed;
  top: 0;
  background-color: black;
  height: 90px;
  width: 100%;
}

#display {
  width: 100%;
  font-size: 75px;
  color: yellow;
  text-align: center;
  margin: 0px auto;
}

.buttons {
  background-color: black;
  text-align: center;
  word-spacing: 10px;
  font-weight: bold;
  /* margin-bottom: 20px; */
}

#startStop {
  background-color: lemonchiffon;
  padding: 10px 30px;
  cursor: pointer;
}

#reset {
  background-color: lemonchiffon;
  padding: 10px 30px;
  cursor: pointer;
}
.text21 {
  color: yellow;
}
