.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

@media (min-width:992px){
    .perspective-right{-webkit-transform:perspective(1000px) rotateY(-20deg) translateX(-20px);transform:perspective(1000px) rotateY(-20deg) translateX(-20px)}
    .perspective-left{-webkit-transform:perspective(1000px) rotateY(20deg) translateX(20px);transform:perspective(1000px) rotateY(20deg) translateX(20px)}
    .editor-cover-float{-webkit-animation:float-editor 7s ease-in-out infinite;animation:float-editor 7s ease-in-out infinite}
    @-webkit-keyframes float-editor{
        0%{-webkit-transform:translateX(0) translateY(5px);transform:translateX(0) translateY(5px)}
        50%{-webkit-transform:translateX(0) translateY(-5px);transform:translateX(0) translateY(-5px)}
        100%{-webkit-transform:translateX(0) translateY(5px);transform:translateX(0) translateY(5px)}
    }
    @keyframes float-editor{
        0%{-webkit-transform:translateX(0) translateY(5px);transform:translateX(0) translateY(5px)}
        50%{-webkit-transform:translateX(0) translateY(-5px);transform:translateX(0) translateY(-5px)}
        100%{-webkit-transform:translateX(0) translateY(5px);transform:translateX(0) translateY(5px)}
    }
    .code-cover-float{
        position:absolute;-webkit-animation:float-code 6s ease-in-out infinite;animation:float-code 6s ease-in-out infinite}
    @-webkit-keyframes float-code{
        0%{-webkit-transform:translateX(330px) translateY(-215px);transform:translateX(330px) translateY(-215px)}
        50%{-webkit-transform:translateX(330px) translateY(-240px);transform:translateX(330px) translateY(-240px)}
        100%{-webkit-transform:translateX(330px) translateY(-215px);transform:translateX(330px) translateY(-215px)}
    }
    @keyframes float-code{
        0%{-webkit-transform:translateX(330px) translateY(-215px);transform:translateX(330px) translateY(-215px)}
        50%{-webkit-transform:translateX(330px) translateY(-240px);transform:translateX(330px) translateY(-240px)}
        100%{-webkit-transform:translateX(330px) translateY(-215px);transform:translateX(330px) translateY(-215px)}
    }
    .project-cover-float{position:absolute;-webkit-animation:float-project 9s ease-in-out infinite;animation:float-project 9s ease-in-out infinite}
    @-webkit-keyframes float-project{
        0%{-webkit-transform:translateX(-45px) translateY(-225px);transform:translateX(-45px) translateY(-225px)}
        50%{-webkit-transform:translateX(-45px) translateY(-205px);transform:translateX(-45px) translateY(-205px)}
        100%{-webkit-transform:translateX(-45px) translateY(-225px);transform:translateX(-45px) translateY(-225px)}}
    @keyframes float-project{
        0%{-webkit-transform:translateX(-45px) translateY(-225px);transform:translateX(-45px) translateY(-225px)}
        50%{-webkit-transform:translateX(-45px) translateY(-205px);transform:translateX(-45px) translateY(-205px)}
        100%{-webkit-transform:translateX(-45px) translateY(-225px);transform:translateX(-45px) translateY(-225px)}}
}
@media (max-width:1199.98px){

    .perspective-left{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}
}