#background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    
    background-color: $dark;
    width: 100%;
    height: 100%;
}

#main-canvas {
    position: absolute;
    background-color: #ffffff;
    z-index: 1;
    @extend .box-shadow;
    
    transform: translate(120px, 120px);
}
#background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    
    background-color: $dark;
    width: 100%;
    height: 100%;
}

#main-canvas {
    position: absolute;
    background-color: #ffffff;
    z-index: 1;
    @extend .box-shadow;
    
    transform: translate(120px, 120px);
    -webkit-transform: translate(120px, 120px);
    -o-transform: translate(120px, 120px);
    -ms-transform: translate(120px, 120px);
}
Add transforms for webkit, ie9 and old opera
Add transforms for webkit, ie9 and old opera
