Подскажите, пожалуйста ошибку. 12/30

@lime: #01FF70;
@red: #FF4136;
@yellow: #FFDC00;
@fuchsia: #F012BE;

.magic(@color) {
background-color: @color;
}

.magic(rotate; @angle) {
transform: rotate(@angle);
}

.magic(spin; @color) {
background-color: spin(@color, 90deg);
}

.magic(reduce; @size) {
width: @size;
height: @size;
}

.magic(skew; @angle) {
transform: skewX(@angle);
}

.monster-1 {
.magic(@red);
.magic(rotate; 180deg);
}

.monster-2 {

.magic(spin; @lime);

}

.monster-3 {
.magic(@yellow);
.magic(reduce; 80px);
}

.monster-4 {
.magic(spin; @fuchsia);
.magic(skew; -5deg);
}

.monster-2 {
.magic(@lime);
.magic(spin; @lime);
}

Благодарю, но по прежнему 93%.

В чем различия? Приложите скрин, пожалуйста

.monster-4 {
.magic(@fuchsia);
.magic(skew,-5deg);
}

у меня так получилось

монстрики
@lime: #01FF70;
@red: #FF4136;
@yellow: #FFDC00;
@fuchsia: #F012BE;

.magic(@color) {
    background-color: @color;
}

.magic(rotate; @angle) {
    transform: rotate(@angle);
}

.magic(spin; @color) {
    background-color: spin(@color, 90deg);
}

.magic(reduce; @size) {
    width: @size;
    height: @size;
}

.magic(skew; @angle) {
    transform: skewX(@angle);
}

.monster-1 {
    .magic(@red);
    .magic(rotate, 180deg);
}

.monster-2 {
    .magic(spin, @lime);
}

.monster-3 {
    .magic(@yellow);
    .magic(reduce, 80px);
}

.monster-4 {
    .magic(@fuchsia);
    .magic(skew, -5deg);
}