body {
    background-color: #f5f7f2;
}

.card-tema {
    border-left: 4px solid #2d4a2b;
}

.badge-dificultad-1 { background-color: #4caf50; }
.badge-dificultad-2 { background-color: #ff9800; }
.badge-dificultad-3 { background-color: #e53935; }

.posit {
    background: #fff59d;
    border: none;
    box-shadow: 3px 4px 10px rgba(0, 0, 0, .25);
    transform: rotate(-3deg);
    width: 230px;
    float: right;
    margin: 0 0 1rem 1rem;
    font-family: "Comic Sans MS", "Segoe Print", cursive, sans-serif;
}

.posit:hover {
    transform: rotate(0deg);
    transition: transform .2s;
}

.posit textarea {
    background: transparent;
    box-shadow: none !important;
}

@media (max-width: 576px) {
    .posit {
        float: none;
        width: 100%;
        transform: none;
        margin: 0 0 1rem 0;
    }
}