@charset "UTF-8";
.g-clear {
  clear: both; }

.g-fond {
  background-color: #141414; }

/* variables */
/* classes de fonctionnement */
.g-francais {
  /* gestion des sons simples */ }
  .g-francais .g-mot {
    display: inline-block;
    white-space: pre; }
  .g-francais .g-default {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    overflow: hidden;
    white-space: pre;
    color: white; }
  .g-francais .g-muet {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    overflow: hidden;
    white-space: pre;
    color: gray; }
  .g-francais .g-a {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: white;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-â {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #770080;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-u {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #ff0a79;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-i {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: red;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-e {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: yellow;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-heu {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #ff6565;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-eux {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #ca064c;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-é {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #b5e6f7;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-è {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #00c08e;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-o {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #c07428;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-ho {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #a13905;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-ou {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #00641f;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-an {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #ffbdbd;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-on {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #5e0000;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-in {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #3366cc;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-un {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #feb26c;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-m {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #ff580d;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-n {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #9141c3;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-r {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #ff8029;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-l {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #05c5eb;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-p {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #a60000;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-t {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #ff1785;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-s {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #99cc00;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-f {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #e8cff9;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-d {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #009400;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-j {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #0036e2;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-z {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #d60094;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-k {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #ffd937;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-ch {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #75c2ed;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-b {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #0b6953;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-v {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #a49000;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-g {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #b2b2b2;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-y {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #fda3c5;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-hu {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #ffff99;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-w {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #11dbb9;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-ng {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #565600;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-wa:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    content: attr(data-contenu);
    overflow: hidden;
    color: #11dbb9;
    font-family: "Squada One", cursive;
    font-weight: 200;
    font-style: normal; }
  .g-francais .g-wa {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: white;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-win:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    content: attr(data-contenu);
    overflow: hidden;
    color: #11dbb9;
    font-family: "Squada One", cursive;
    font-weight: 200;
    font-style: normal; }
  .g-francais .g-win {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #3366cc;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-ks:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    content: attr(data-contenu);
    overflow: hidden;
    color: #ffd937;
    font-family: "Squada One", cursive;
    font-weight: 200;
    font-style: normal; }
  .g-francais .g-ks {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #99cc00;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-dj:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    content: attr(data-contenu);
    overflow: hidden;
    color: #009400;
    font-family: "Squada One", cursive;
    font-weight: 200;
    font-style: normal; }
  .g-francais .g-dj {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #0036e2;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-gz:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    content: attr(data-contenu);
    overflow: hidden;
    color: #b2b2b2;
    font-family: "Squada One", cursive;
    font-weight: 200;
    font-style: normal; }
  .g-francais .g-gz {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #d60094;
    overflow: hidden;
    white-space: pre; }
  .g-francais .g-waz:before {
    /* Gere la partie haute de la lettre */
    display: block;
    z-index: 2;
    /* Indique que le tiers haut sera situee par-dessus la lettre initiale */
    /* Le positionnement a lieu en haut a gauche de la lettre */
    position: absolute;
    top: 0;
    left: 0;
    height: 33%;
    content: attr(data-contenu);
    /* Le contenu est fixe dynamiquement a partir du contenu de l'attribut contenu */
    overflow: hidden;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #11dbb9; }
  .g-francais .g-waz {
    /* Gere la partie milieu de la lettre */
    /** Positionnement de la lettre sur une ligne fixe pour qu'il n'y ait pas de decalage avec l'autre moitie **/
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: white;
    overflow: hidden;
    /** Indique que toute partie qui depasse ne sera pas visible */
    white-space: pre;
    /* evite d'effacer les espaces entre les lettres */ }
  .g-francais .g-waz:after {
    /* Gere la partie basse de la lettre */
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 66%;
    content: attr(data-contenu);
    overflow: hidden;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #d60094; }
  .g-francais .g-waz2:before {
    /* Gere la partie haute de la lettre */
    display: block;
    z-index: 2;
    /* Indique que le tiers haut sera situee par-dessus la lettre initiale */
    /* Le positionnement a lieu en haut a gauche de la lettre */
    position: absolute;
    top: 0;
    left: 0;
    height: 33%;
    content: attr(data-contenu);
    /* Le contenu est fixe dynamiquement a partir du contenu de l'attribut contenu */
    overflow: hidden;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #11dbb9; }
  .g-francais .g-waz2 {
    /* Gere la partie milieu de la lettre */
    /** Positionnement de la lettre sur une ligne fixe pour qu'il n'y ait pas de decalage avec l'autre moitie **/
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: white;
    overflow: hidden;
    /** Indique que toute partie qui depasse ne sera pas visible */
    white-space: pre;
    /* evite d'effacer les espaces entre les lettres */ }
  .g-francais .g-waz2:after {
    /* Gere la partie basse de la lettre */
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 66%;
    content: attr(data-contenu);
    overflow: hidden;
    font-size: 100px;
    font-family: "Squada One", cursive;
    font-style: normal;
    font-weight: 200;
    color: #d60094; }

.g-japonais-kana {
  /* gestion des sons simples */ }
  .g-japonais-kana .g-mot {
    display: inline-block;
    white-space: pre;
    writing-mode: vertical-rl; }
  .g-japonais-kana .g-default {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    overflow: hidden;
    white-space: pre;
    color: white; }
  .g-japonais-kana .g-muet {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    overflow: hidden;
    white-space: pre;
    color: gray; }
  .g-japonais-kana .g-a {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: white;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-ha {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #770080;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-u {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #ff0a79;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-i {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: red;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-e {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: yellow;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-heu {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #ff6565;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-eux {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #ca064c;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-est {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #b5e6f7;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-ai {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #00c08e;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-o {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #c07428;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-ho {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #a13905;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-ou {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #00641f;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-an {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #ffbdbd;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-on {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #5e0000;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-in {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #3366cc;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-un {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #feb26c;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-m {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #ff580d;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-n {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #9141c3;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-r {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #ff8029;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-l {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #05c5eb;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-p {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #a60000;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-t {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #ff1785;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-s {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #99cc00;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-f {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #e8cff9;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-d {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #009400;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-je {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #0036e2;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-z {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #d60094;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-k {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #ffd937;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-ch {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #75c2ed;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-b {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #0b6953;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-v {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #a49000;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-g {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #b2b2b2;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-ye {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #fda3c5;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-hu {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #ffff99;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-w {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #11dbb9;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-ng {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #565600;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-ka:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    content: attr(data-contenu);
    overflow: hidden;
    color: #ffd937;
    font-family: "Noto Sans Japanese", serif;
    font-weight: 200;
    font-style: normal; }
  .g-japonais-kana .g-ka {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: white;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-sa:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    content: attr(data-contenu);
    overflow: hidden;
    color: #ffd937;
    font-family: "Noto Sans Japanese", serif;
    font-weight: 200;
    font-style: normal; }
  .g-japonais-kana .g-sa {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: white;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-ta:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    content: attr(data-contenu);
    overflow: hidden;
    color: #ffd937;
    font-family: "Noto Sans Japanese", serif;
    font-weight: 200;
    font-style: normal; }
  .g-japonais-kana .g-ta {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: white;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-na:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    content: attr(data-contenu);
    overflow: hidden;
    color: #ffd937;
    font-family: "Noto Sans Japanese", serif;
    font-weight: 200;
    font-style: normal; }
  .g-japonais-kana .g-na {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: white;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-ha:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    content: attr(data-contenu);
    overflow: hidden;
    color: #ffd937;
    font-family: "Noto Sans Japanese", serif;
    font-weight: 200;
    font-style: normal; }
  .g-japonais-kana .g-ha {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: white;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-ma:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    content: attr(data-contenu);
    overflow: hidden;
    color: #ffd937;
    font-family: "Noto Sans Japanese", serif;
    font-weight: 200;
    font-style: normal; }
  .g-japonais-kana .g-ma {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: white;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-ya:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    content: attr(data-contenu);
    overflow: hidden;
    color: #ffd937;
    font-family: "Noto Sans Japanese", serif;
    font-weight: 200;
    font-style: normal; }
  .g-japonais-kana .g-ya {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: white;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-ra:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    content: attr(data-contenu);
    overflow: hidden;
    color: #ffd937;
    font-family: "Noto Sans Japanese", serif;
    font-weight: 200;
    font-style: normal; }
  .g-japonais-kana .g-ra {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: white;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-wa:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    content: attr(data-contenu);
    overflow: hidden;
    color: #11dbb9;
    font-family: "Noto Sans Japanese", serif;
    font-weight: 200;
    font-style: normal; }
  .g-japonais-kana .g-wa {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: white;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-ki:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    content: attr(data-contenu);
    overflow: hidden;
    color: #ffd937;
    font-family: "Noto Sans Japanese", serif;
    font-weight: 200;
    font-style: normal; }
  .g-japonais-kana .g-ki {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: red;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-mi:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    content: attr(data-contenu);
    overflow: hidden;
    color: #ff580d;
    font-family: "Noto Sans Japanese", serif;
    font-weight: 200;
    font-style: normal; }
  .g-japonais-kana .g-mi {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: red;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-ri:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    content: attr(data-contenu);
    overflow: hidden;
    color: #ff8029;
    font-family: "Noto Sans Japanese", serif;
    font-weight: 200;
    font-style: normal; }
  .g-japonais-kana .g-ri {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: red;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-ro:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    content: attr(data-contenu);
    overflow: hidden;
    color: #ff8029;
    font-family: "Noto Sans Japanese", serif;
    font-weight: 200;
    font-style: normal; }
  .g-japonais-kana .g-ro {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #a13905;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-do:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    content: attr(data-contenu);
    overflow: hidden;
    color: #009400;
    font-family: "Noto Sans Japanese", serif;
    font-weight: 200;
    font-style: normal; }
  .g-japonais-kana .g-do {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #a13905;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-ji:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    content: attr(data-contenu);
    overflow: hidden;
    color: #0036e2;
    font-family: "Noto Sans Japanese", serif;
    font-weight: 200;
    font-style: normal; }
  .g-japonais-kana .g-ji {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: red;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-re:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    content: attr(data-contenu);
    overflow: hidden;
    color: #ff8029;
    font-family: "Noto Sans Japanese", serif;
    font-weight: 200;
    font-style: normal; }
  .g-japonais-kana .g-re {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #00c08e;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-ku:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    content: attr(data-contenu);
    overflow: hidden;
    color: #ffd937;
    font-family: "Noto Sans Japanese", serif;
    font-weight: 200;
    font-style: normal; }
  .g-japonais-kana .g-ku {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #00641f;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-win:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    content: attr(data-contenu);
    overflow: hidden;
    color: #11dbb9;
    font-family: "Noto Sans Japanese", serif;
    font-weight: 200;
    font-style: normal; }
  .g-japonais-kana .g-win {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #3366cc;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-ks:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    content: attr(data-contenu);
    overflow: hidden;
    color: #ffd937;
    font-family: "Noto Sans Japanese", serif;
    font-weight: 200;
    font-style: normal; }
  .g-japonais-kana .g-ks {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #99cc00;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-dje:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    content: attr(data-contenu);
    overflow: hidden;
    color: #009400;
    font-family: "Noto Sans Japanese", serif;
    font-weight: 200;
    font-style: normal; }
  .g-japonais-kana .g-dje {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #0036e2;
    overflow: hidden;
    white-space: pre; }
  .g-japonais-kana .g-gz:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    content: attr(data-contenu);
    overflow: hidden;
    color: #b2b2b2;
    font-family: "Noto Sans Japanese", serif;
    font-weight: 200;
    font-style: normal; }
  .g-japonais-kana .g-gz {
    position: relative;
    display: inline-block;
    font-size: 100px;
    font-family: "Noto Sans Japanese", serif;
    font-style: normal;
    font-weight: 200;
    color: #d60094;
    overflow: hidden;
    white-space: pre; }

/*# sourceMappingURL=gattegno.css.map */