.horizontal-animation{
    position: relative;
    top: 0;
    box-sizing: border-box;
    animation: horizontal 2s forwards;
}

.container{
    width: 200px; 
    height: 50px;
    box-sizing: border-box;
}

@keyframes horizontal
{
    from {left: 0;}
    to {left: -10rem;}
}

.vertical-animation{
    position: relative;
    top: 0;
    box-sizing: border-box;
    animation: vertical 2s forwards;
}


@keyframes vertical {
    from {top: 0;}
    to {top: -50px;}
}