body{
    margin: 10px 250px 10px 250px;
}
div{
    width: 200px;
    height: 120px;
    float:left;
    margin: 10px;
    background-color: lightgrey;
}
div:hover{
}

p{
    text-align: center;
}

.a{
    box-shadow: -6px -6px 0px 0px rgba(94,89,94,1);
}
.b{
   box-shadow: -6px -6px 6px 0px rgba(94,89,94,1);
}
.c{
    box-shadow: -6px -6px 0px 6px rgba(94,89,94,1);
}
.d{
    box-shadow: -5px -5px 4px 5px rgba(94,89,94,1);
}
.e{
   box-shadow: 0px 0px 2px 2px rgba(94,89,94,0.5);
}
.f{
   box-shadow: 0px 0px 3px 6px rgba(94,89,94,1);
}
.g{
    box-shadow: 3px 3px 0px 3px rgba(94,89,94,1);
}
.h{
    box-shadow: inset -3px -3px 2px 1px rgba(94,89,94,1);
}
.i{
    box-shadow: inset -6px -6px 0px 6px rgba(94,89,94,1);
}
.j{
    box-shadow: inset -6px -6px 4px 6px rgba(94,89,94,1);
}
.k{
    box-shadow: 0px 0px 0px 0px rgba(94,89,94,1);
}
.l{
    box-shadow: inset 0px 0px 4px 5px rgba(94,89,94,1);
}