.pick-number {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 35px;
  margin-bottom: 10px;
}

.pick-number input {
  width: 20%;
  padding: 10px;
  margin-right: 14px;
  border: none;
  box-shadow: inset 0px 1px 10px 1px #bab8ba;
  background-color: white;
  font-size: 16px;
  text-align: right;
  color: #959495;
}

.button {
  background-color: #000000;
  color: #E6B705;
  font-size: 16px;
  padding: 14px 16px;
  border: none;
  outline: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.button:hover {
  color: white;
}

.button.active {
  color: white;
}

/* #hide-show  */

#hide-show .tabs {
  overflow: hidden;
  background-color: #000000;
}

#hide-show .images {
  padding: 6px 12px;
  border-top: none;
}

#hide-show img {
  display: none;
}

#hide-show img:first-child {
  display: initial;
}

/* #hide-show-abstract  */

#hide-show-abstract .tabs {
  overflow: hidden;
  background-color: #000000;
}

#hide-show-abstract .images {
  padding: 6px 12px;
  border-top: none;
}

#hide-show-abstract img {
  display: none;
}

#hide-show-abstract img:first-child {
  display: initial;
}

/* #LogIn */

.form-field {
  margin-bottom: 30px;
}

.form-field label {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
}

.form-field input {
  width: 100%;
  max-width: 500px;
  border: 1px solid #000000;
  box-shadow: inset 0 1px 1px #648889;
  padding: 10px;
  font-size: 18px;
  margin-bottom: 6px;
}

.feedback {
  margin: 0 0 10px;
  color: red;
  font-family: 'Raleway', sans-serif;
  font-size: 22px;
  font-stretch: ultra-expanded;
}

#namefeedback, #passfeedback, #lengthfeedback {
  display: none;
}

/* #Game */

#game {
  margin: 0 auto;
  padding-top: 40px;
}

.choices {
  display: flex;
  justify-content: space-around;
}

.choices button {
  font-size: 54px;
  padding: 14px 16px;
  margin-right: 10px;
  border: none;
  cursor: pointer;
  color: #E6B705;
}

.choices button:hover {
  color: white;
}

@media (min-width: 520px) {
  .choices button {
    font-size: 100px;
  }
}

.choices button:last-child {
  margin: 0;
}

.scores {
  margin-left: 20px;
}

#playerwins {
  display: none;
}

#computerwins {
  display: none;
}

#reset {
  font-size: 40px;
  padding: 14px 16px;
  border: none;
  cursor: pointer;
  margin: 0 auto;
  display: block;
  color: #E6B705;
  background-color: #000000;
}

#reset:hover {
  color: white;
}

/*Countdown*/

#timer {
  margin: 0 auto;
}

#seconds {
  font-size: 40px;
  font-weight: bold;
  width: 100px;
  margin: 0;
}

#startbtn {
  font-size: 40px;
  padding: 10px 12px;
  border: none;
  cursor: pointer;
  background-color: #000000;
}