#txt{
  width: 402px;
  height: 63px;
  margin-left: 3px;
  font-size: 43px;
  background-color: white;
  color: black;
}
#txt2{
  margin-left: 3px;
  background-color: white;
  color: black;
}
button {
  font-size:46px;
  font-family:Arial;
  width:100px;
  height:97px;
  border-width:1px;
  color:#fff;
  border-color:#3b6e22;
  font-weight:bold;
  color: white;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  box-shadow:inset 0px 1px 0px 0px #9acc85;
  background:linear-gradient(#74ad5a, #68a54b);
}

button:hover {
  background: linear-gradient(#68a54b, #0688fa);
}
button:active{
  background: linear-gradient(#0688fa, #2dabf9);
}

.buttonLight {
  font-size:13px;
  font-family:Arial;
  width:100px;
  height:40px;
  border-width:1px;
  color:#666666;
  border-color:#dcdcdc;
  font-weight:bold;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  text-shadow:inset 0px 1px 0px #ffffff;
  background:linear-gradient(#ffffff, #f6f6f6);
}

.buttonLight:hover {
  background: linear-gradient(#f6f6f6, #ffffff);
}

}
#dark-mode {
  background-color: black;
  color: white;
}
#light-mode {
  background-color: white;
  color: black;
}


.buttonDark {
  font-size:13px;
  font-family:Arial;
  width:100px;
  height:40px;
  border-width:1px;
  color:rgba(255, 255, 255, 1);
  border-color:rgba(46, 46, 46, 1);
  font-weight:bold;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  box-shadow:inset 0px 1px 0px 0px rgba(85, 85, 85, 1);
  text-shadow:inset 0px 1px 0px rgba(22, 22, 22, 1);
  background:linear-gradient(rgba(53, 53, 53, 1), rgba(42, 42, 42, 1));
}

.buttonDark:hover {
  background: linear-gradient(rgba(42, 42, 42, 1), rgba(53, 53, 53, 1));
}