@font-face {
  font-family: "cgt";
  src: url(/assets/fonts/cgt.ttf) format("truetype");
}

.cgt-font {
  font-family: "cgt", Verdana, Tahoma !important;
}

.retype-word {
  height: 60px;
  padding: 10px 16px;
  font-size: 36px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.input-word {
    height: 60px;
    padding: 10px 16px;
    font-size: 36px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.container-explosion {

}

.explosion {
    color:blue;
    position:absolute;
    z-index:0;
}
.explosion > div {
    position: relative;
}

.smiley {
  width: 60px;
}

.smiley img {
    width: 100%;
    min-height: 100%;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.type-wrapper {
    vertical-align: middle;
    height:200px;
}

.figure-component {
    float: left;
    border:1px solid darkgrey;
    width: 200px;
    height: 200px;
    margin-right: 20px;

    /* display: inline-block; */

    /* IE 7 hack
    *zoom:1;
    *display: inline;
    vertical-align: middle; */
}

.type-component {
    float: left;

    height: 200px;
    /* display: inline-block;   */
    width: 50%;
}

.rehear-component {
    float: left;
    margin-left: 20px;
    width: 200px;
    height: 200px;
    /* display: inline-block;   */
}

.figure-component img {
   height: 100%;
   width: 100%;
}

.centered-text-component {
    text-align: center;
    vertical-align: middle;
    line-height: 190px;
    font-size: 25px;
}