#BKtr1{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    position: fixed;
    overflow: auto;
    transition: transform 2s;
    transition-delay: 0s;
}

#BKtr1_5{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #7C0A02;
    position: fixed;
    overflow: auto;
    transition: transform 2s;
    transition-delay: 0.125s;
}

#BKtr2{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #ff2448;
    position: fixed;
    overflow: auto;
    transition: transform 2s ;
    transition-delay: 0.25s;
}

#BKtr3{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #ffdab6;
    position: fixed;
    overflow: auto;
    transition: transform 2s;
    transition-delay: 0.375s;
}

#BKtr4{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #ffffda;
    position: fixed;
    overflow: auto;
    transition: transform 2s;
    transition-delay: 0.5s;
}

/*#slant{
    width: 100%;
    height: 100%;
    margin: 0;
    margin-left: 384px;
    padding: 0;
    background: #ff0066;
    position: fixed;
    overflow: auto;
    mix-blend-mode:multiply;
    opacity: 1;
    transform:translate(4000px,0px)skew(-15deg, 0deg);
    transition: transform 1s;
}*/