.card {
 font-family: arial;
 font-size: 20px;
 text-align: center;
 margin: 0;
 color: black;
 background-color: #34495d;
}

.card.night_mode {
 font-family: arial;
 font-size: 20px;
 text-align: center;
 color: black;
 background-color: #34495d;
}


.front {
  height: 60px;
  width: 400px;
  background-color: #59738d;
  color: #b7d3ee;
  border: 0;
  padding: 5%;
  margin: 0;

}

#frontback {
  height: 50%;
  length: 50%;
  background-color: #59738d;
  color: #b7d3ee;
  padding: 5%;
}

#back {
  width: 65%;
  background-color: #59738d;
  padding: 6%;
  margin: auto;
}

input#typeans {
font-size: 70%;
text-align: center;
}