anverso

<div class=frontbg>

{{Front}}

</div>

<div class=backbg2>

<div class=wordtype>*</div>

<div class=defbg>
*
</div>

---------

estilo

.card {
font-family: Noto Sans CJK JP Regular;
font-size: 40px;
text-align: center;
color: black;
background: url("1bg.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
}

.android .card {
font-family: Noto Sans CJK JP Regular;
font-size: 40px;
text-align: center;
color: black;
background: url("1bgd4.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 50% 50%;
}

.frontbg {
background-color: #595856 ;
border-radius: 7px;
color: #fff;
position: relative;
left: 0;
}

.backbg2 {
position: relative;
top: -3px;
 background-color: #fff;
padding: 15px;
padding-bottom: 15px;
padding-left: 30px;
padding-right: 30px;
border-radius: 0px 0px 10px 10px;
color: #fff;
font-size: 35px;
}

/* -------------RESPUESTA-------- */
.backbg {
position: relative;
top: -3px;
background-color: #fff;
padding: 15px;
padding-bottom: 15px;
padding-left: 30px;
padding-right: 30px;
border-radius: 0px 0px 10px 10px;
color: #016ea6;
font-size: 35px;
text-align: center;
}

.android .backbg {
position: relative;
top: -5px;
background-color: #fff;
padding: 15px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
border-radius: 0px 0px 10px 10px;
color: #016ea6;
font-size: 35px;
text-align: center;
}

/* This line is Added by Cloze Furigana Tools to make its various features work.
CFT.260.00*/.hidden {visibility: hidden; font-size: 0;} .hidden .cloze, .cloze
.hidden {visibility: visible; background-color: white;font-size: 0.8rem;} @-moz-
document url-prefix() {ruby {position: relative;display: inline-block;} ruby rt
{position: absolute;display: block;font-size: 0.5em;left: -50%;bottom: 115%;width:
210%;padding: 0;text-align: center;line-height:1em}} .hidden .basemaru
{position:relative;} .hidden .basemaru:after {content: "?"; visibility: visible;
position:absolute; left:0;} .hidden .cloze .basemaru:after, .cloze .hidden
.basemaru:after {visibility: hidden;} div{line-height: 2em;} .cloze_container
.hidden {visibility: visible; background-color: white;}

---------------------

reverso

<div class=frontbg>

{{Front}}
</div>

<div class=backbg>

<div class=wordtype>{{Back}}</div>

<div class=defbg>
{{Back}}
</div>