@import url(style.css);

#question {
    grid-template-columns: 1em 1em;
}

.mirr0 {
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.mirr90 {
    -moz-transform: scale(-1, 1) rotate(90deg);
    -webkit-transform: scale(-1, 1) rotate(90deg);
    -o-transform: scale(-1, 1) rotate(90deg);
    -ms-transform: scale(-1, 1) rotate(90deg);
    transform: scale(-1, 1) rotate(90deg);
}

.mirr180 {
    -moz-transform: scale(-1, 1) rotate(180deg);
    -webkit-transform: scale(-1, 1) rotate(180deg);
    -o-transform: scale(-1, 1) rotate(180deg);
    -ms-transform: scale(-1, 1) rotate(180deg);
    transform: scale(-1, 1) rotate(180deg);
}

.mirr270 {
    -moz-transform: scale(-1, 1) rotate(270deg);
    -webkit-transform: scale(-1, 1) rotate(270deg);
    -o-transform: scale(-1, 1) rotate(270deg);
    -ms-transform: scale(-1, 1) rotate(270deg);
    transform: scale(-1, 1) rotate(270deg);
}

.rotate0 {
    -moz-transform:  rotate(0deg);
    -webkit-transform:  rotate(0deg);
    -o-transform:  rotate(0deg);
    -ms-transform:  rotate(0deg);
    transform:  rotate(0deg);
}

.rotate90 {
    -moz-transform:  rotate(90deg);
    -webkit-transform:  rotate(90deg);
    -o-transform:  rotate(90deg);
    -ms-transform:  rotate(90deg);
    transform:  rotate(90deg);
}

.rotate180 {
    -moz-transform:  rotate(180deg);
    -webkit-transform:  rotate(180deg);
    -o-transform:  rotate(180deg);
    -ms-transform:  rotate(180deg);
    transform:  rotate(180deg);
}

.rotate270 {
    -moz-transform:  rotate(270deg);
    -webkit-transform:  rotate(270deg);
    -o-transform:  rotate(270deg);
    -ms-transform:  rotate(270deg);
    transform:  rotate(270deg);
}
