Iβm been using Windows and Android version at the same time.
The CSS is display correctly on Windows,
but it seems the color is mixed with theme of App on Android.
As following screenshot, the left one is on Android system.
My CSS configuration:
.card {
font-family: arial;
font-size: 20px;
text-align: left;
}
.word {
margin-top: 3em;
font-size: 26px;
color: #F9F54B;
}
.meaning {
line-height: 1.2em;
color: #BEFFF7
}
.sentence {
margin-top: 1em;
font-family: Sans;
font-size: 24px;
font-style: italic;
color: D5CEA3;
line-height: 1.2em;
}
.synonym {
margin-top: 1em;
font-family: Noto Sans;
letter-spacing: 0.3px;
color: #03C988;
}
.usage {
color: #FBDCC4;
font-style: italic;
}
Any idea would be appreciated.