new.css

<span class="card">
  <a href="http://jisho.org/search/{{kanji:Expression}}"> 
    {{Meaning}}
  </a>
</span>

<br/> <br/>

<div class="light small">{{hint:Hint}} </div>



 //Style
 .card{
 font-family: arial;
 text-align: center;
 font-size: 50px; 
}
 
#type-box *{
  display: inline-block;
  text-align: center;
}

tts {display: none;}
 
body, .night_mode{
  background-color: #202020 !important;

}

.card a{
  background-color: #202020 !important;
  text-decoration: none;
  font-size: 50px;
  color: #FFFFFF;
}

.audio {
  font-family: Arial; 
  font-size: 44px;
  display: inline;
}

.light{
  color: #FAFAFA;
}

.big *{
  font-size: 50px !important;
}
 
.small{
  font-size: 22px !important;
}
.hint{
  font-size: 22px !important;
  text-decoration: underline !important;
}

div [id^=hint] {
  text-decoration: none!important; 
}
 // Back
 <span class="card">
  <a href="http://jisho.org/search/{{kanji:Expression}}"> 
    {{furigana:Meaning}}
  </a>
</span>
<hr/>

<span class="card">
  <a href="http://tatoeba.org/eng/sentences/search?query={{Answer}}&from=jpn&to=eng">

    {{kanji:Reading}}
  </a>
  <span class="audio">{{ExpressionAudio}}</span>

<br/>
<br/>
<div class="light small">{{Notes}}</div>
<div class="light small">Key Point: {{Answer}}</div>
<br/>
<div class="light small">{{hint:furigana:Reading}} </div>