* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    list-style: none;
}

@font-face {
  font-family: w95; /* set name */
  src: url(font/w95f.woff); /* url of the font */
}
body {
  margin: 0;
  padding: 0;
  background-color:#008083;
}
table, th, td {
  /*border: 1px solid black;*/
}

.unstyled-button {
  border: none;
  padding: 0;
  margin: 10%;
  background-color: transparent;
  font-family: w95;
  font-size: larger;

}

.unstyled-button:active {
  background-color: #008083;
  border-color:#bbbbbb
  box-shadow: 5px 10px inset;
  transform: scale(0.97);
}

.start-button {
  border: none;
  padding: 0;
  background-color: transparent;
}
.start-button:active {
  background-color: #c2c2c2;
  border-color:#c2c2c2
  box-shadow: 5px 10px inset;
  transform: scale(0.97);
}

.bar-button {
  border-style: none;
  width: auto;
  margin-right: 3px;
  padding-top: 2%;
  padding-left: 3%;
}

.bar-button:active {
  background-color: #c2c2c2;
  border-color:#c2c2c2
  box-shadow: 5px 10px inset;
  transform: scale(0.97);
}


h2, p {
  margin: 10px;
}

ul {
  list-style-type: none;
  position:fixed;
    bottom:0;
    width: 100%;
  margin: 0;
  padding: 0;
  background-color: #c2c2c2;
  display: flex;
  justify-content: left;
  
}

}

.bar-button:active {
  background-color: #c2c2c2;
  border-color:#c2c2c2
  box-shadow: 5px 10px inset;
  transform: scale(0.97);
}