Styling

.card {
 font-family: arial;
 font-size: 20px;
 text-align: center;
 color: black;
 background-color: white;
 line-height: 1.5;
}

.search {
 font-family: Arial;
 font-size: 12px;
 color: blue;
 padding-bottom: 10px;
}

.word {
 font-family: Verdana;
 font-size: 40px;
 padding-top: 20px;
 padding-bottom: 10px;
 color: blue;
}

.ipa {
 font-family: Times New Roman;
 font-size: 20px;
}

.definition {
 text-align: center;
 font-family: Arial;
 font-size: 20px;
 padding-top: 10px;
 padding-bottom: 10px;
}

.sentence {
 font-family: Arial;
 font-size: 15px;
 padding-left: 10px;
 text-align: left;
 border-left: 2.5px solid lightblue;
}

.link {
 font-family: Arial;
 font-size: 10px;
 text-align: right;
}

.block {
 display: inline-block;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 padding-right: 10px;
}

.vietnamese {
 text-align: left;
}
.example {
 font-size: 60%;
}
.audio {
 font-size: 150%;
}
.replay-button svg { width: 18px; height: 18px; }
.replay-button svg circle { fill: blue; }
.replay-button svg path { stroke: white; fill: green; }