.fromLeft {
    position: relative;
    left: -1000px;
    animation: .5s fromLeft forwards;
}

@keyframes fromLeft {
    from {
        position: relative;
        left: -1000px;
    }
    to {
        position: relative;
        left: 0;
    }
}


.fromRight {
    position: relative;
    right: -1000px;
    animation: .5s fromRight forwards;
}

@keyframes fromRight {
    from {
        position: relative;
        right: -1000px;
    }
    to {
        position: relative;
        right: 0;
    }
}