.tf-exercise {
    display: flex;
    justify-content: center;
}

.tf-question-wrapper {
    padding: 0.7em 0.8em 0.8em;
    /*​-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);*/
    margin: 0.5em 0.25em;
    border: 7px solid rgba(237, 237, 237, 0.25);
}

.tf-exercise tr {
    border-bottom: 6px solid white; /*This is a simple hack cause margins don't work on tr elements*/
}

.tf-exercise td {
    padding: 2px 14px 1px 2px;
}

.tf-header-text {
    /*font-weight:bold;*/
}

.tf-left-header {
    color: rgb(74, 169, 31);
}

.tf-right-header {
    color: rgb(222, 69, 69);
}

.tf-question-text {
    cursor: pointer;
}

@media (max-width: 767px) {
    .tf-exercise td {
        font-size: 1.25em;
    }
}