.info-left {
    margin: auto 0;
    height: 100%;
    background-color: rgb(236, 125, 62);
    padding: 2rem 2rem;
    animation: info-left .75s ease-in-out .25s forwards;
    transform: translateX(0);
    opacity: .0;
}

.info-right {
    margin: auto 0;
    height: 100%;
    padding: 3rem 2rem;
    background: white;
    animation: info-right .75s ease-in-out .5s forwards;
    transform: translateX(-2.5rem);
    opacity: .0;
}

@keyframes info-left {
    0% {
        transform: translateX(-1rem);
        opacity: .0;
    } 50% {
        transform: translateX(2rem);
        opacity: .75;
    } 100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes info-right {
    0% {
        transform: translateX(0);
        opacity: .5;
    } 50% {
        transform: translateX(-3rem);
        opacity: .75;
    } 100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.info-left .info-title {
    font-size: 1.6rem;
    font-weight: 700;
    color: white;
}

.info-left .info-param {
    font-size: .95rem;
    font-weight: 500;
    color: white;
}

.info-right .info-title {
    background-color: white;
    font-size: 2.5rem;
    font-weight: 700;
    text-align: center;
}