Customize Your Anki Decks for 
Complete Beginners: Colors, Fonts, and More!
Courtesy of MandarinMania.com

COPY & PASTE HTML & CSS

HTML Front Template:
<div class="card">
  <div class="yourfieldname">{{Yourfieldname}}</div>
</div>

HTML Back Template:
<!-- Front Template -->
<div class="card">
  <div class="yourfieldname">{{Yourfieldname}}</div>
</div>
<hr id=answer>
<!-- Back Template -->
<div class="card">
  <div class="yourfieldname">{{Yourfieldname}}</div>
  <div class="yourfieldname">{{Yourfieldname}}</div>
</div>

CSS Styling Section:
.yourfieldname {
 font-family: arial;
 font-size: 20px;
 text-align: center;
 color: black;
}

See Page 2 For More…

CSS For Play Button:
.replay-button {
    font-size: 24px;
    padding: 10px; /* Adjust the padding to increase the clickable area */
}
.replay-button svg {
    display: none;
}
.replay-button:before {
    content: "🔊";
    font-size: 24px;
}

HTML to Insert Line:
<hr id=answer>

CSS to Style Line:
#answer {
    border: 0;
    height: 5px;
    background-color: red;
    margin: 20px 0;
    border-radius: 10px;
}