FRONT
=======

<div class=tags>{{Origine}}-{{Sequence}}-{{Lesson}}-{{Deck}} {{#Tags}} -- {{/Tags}}{{Tags}}</div>

<div class=cadrequestion>{{Hanzi}}</div>

Styling
=======


.card {
  font-family: "Noto Sans";
  font-size: 40px;
  text-align: center;
  color: black;
  background-color: #C3BCAE;
  word-wrap: break-word;
}

.comment {
  font-size: 15px;
  color: grey;
}
.tags {
  color: white;
  text-align: right;
  font-size: 12pt;
  padding: 15px;
}
.note {
  color: gray;
  font-size: 12pt;
  margin-top: 20pt;
}
.hint {
  font-size: 12pt;
}
.answer {
  background-color: bisque;
  border: dotted;
  border-width: 1px;
}
.instructions {
  font-size: 25px;
	color: red;
}

code#typeans {
  font-family: "Noto Sans";
  font-size: 30px;
}

.tone1 {
  color: red;
}
.tone2 {
  color: orange;
}
.tone3 {
  color: green;
}
.tone4 {
  color: blue;
}
.tone5 {
  color: gray;
}

.hanzi {
  font-size: 30px;
  font-family: "Noto Sans";
}

.cadrequestion {
  background-color: lightgrey;
  border-radius: 15px;
  border: 1px solid red;
  padding: 15px;
  margin: 15px;
}
.cadrereponse {
  background-color: lightgrey;
  border-radius: 10px;
  border: 1px solid red;
  padding: 15px;
  margin: 15px;
}

.meaning {
	font-family: "Noto Serif";
}

.classifier {
	font-size: 30px;
	color: red;
	margin-left: 25px;
}


back
=====


{{FrontSide}}

<hr id=answer>

<div class=cadrereponse>
	<div class=meaning>{{Meaning}}</div>
	<hr  id=answer>
	{{Reading}}
	<br>
	{{Color}}
	{{Sound}}
</div>