#winMessage{font-size:x-large}#c1,#c2,#c3,#c4,#c5,#c5,#c6,#c7,#c8,#c9,#c10,#c11,#c12,#c13,#c14,#c15,#c16{width:100%}.card{position:relative;float:left;margin-top:10%;padding-bottom:50%;width:100%;text-align:center;border:1px solid #000}.card__front,.card__back{position:absolute;top:0;left:0;width:100%;height:100%}.card__front,.card__back{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.card__front{background-color:#7fff00}.card__back{background-color:#fff;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.card__back_text{top:50%;margin:0;position:absolute;transform:translateY(-50%);text-align:center;right:1%;color:#7fff00}.card.effect__click.flipped .card__front{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.card.effect__click.flipped .card__back{-webkit-transform:rotateY(0);transform:rotateY(0)}.flipped>.card__back>.card__back_text{color:#000}.card__text{vertical-align:middle;font-size:x-small}@media only screen and (min-width:480px){.card__text{font-size:small}}@media only screen and (min-width:768px){.card__text{font-size:small}}@media only screen and (min-width:992px){.card__text{font-size:large}}