.task:after{
    position: absolute;
    right: 6px;
    bottom: 6px;
    font-size: 11px;
    text-transform: uppercase;
    color: #828282;
    text-align: center;
    width: 10px;
}
.task-num-1:after {
    content:'q';
}
.task-num-2:after {
    content:'w';
}
.task-num-3:after {
    content:'e';
}
.task-num-4:after {
    content:'r';
}
.task-num-5:after {
    content:'t';
}
.task-num-6:after {
    content:'y';
}
.task-num-7:after {
    content:'u';
}
.task-num-8:after {
    content:'i';
}
.task-num-9:after {
    content:'o';
}
.task-num-10:after {
    content:'p';
}
.task-num-11:after {
    content:'[';
}
.task-num-12:after {
    content:']';
}
.task-num-13:after {
    content:'a';
}
.task-num-14:after {
    content:'s';
}
.task-num-15:after {
    content:'d';
}
.task-num-16:after {
    content:'f';
}
.task-num-17:after {
    content:'g';
}
.task-num-18:after {
    content:'h';
}
.task-num-19:after {
    content:'j';
}
.task-num-20:after {
    content:'k';
}
.task-num-21:after {
    content:'l';
}
.task-num-22:after {
    content:';';
}
.task-num-23:after {
    content:"'";
}
.task-num-24:after {
    content:'z';
}
.task-num-25:after {
    content:'x';
}
.task-num-26:after {
    content:'c';
}
.task-num-27:after {
    content:'v';
}