.rounded-box {
    border: 2px solid #333;
    border-radius: 16px;
    padding: 24px;
    margin: 40px auto;
    text-align: center;
    font-size: 1.2em;
    background: #f9f9f9;
}
.rounded-box-right, .rounded-box-left {
    border: 2px solid #333;
    border-radius: 16px;
    padding: 24px;
    width: 800px;
    margin: 40px auto;
    text-align: center;
    font-size: 1.2em;
    background: #f9f9f9;
}
.rounded-box-right.animate-in {
    animation: slideInRightToLeft 2s ease-out forwards;
}
.rounded-box-left.animate-in {
    animation: slideInLeftToRight 2s ease-out forwards;
}
@keyframes slideInRightToLeft {
    from {
        opacity: 0;
        transform: translateX(100vw);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes slideInLeftToRight {
    from {
        opacity: 0;
        transform: translateX(-100vw);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.inner-box-aa12 {
            display: block;
            height: 0;
            opacity: 0;
            overflow: hidden;
            margin-top: 20px;
            visibility: hidden;
}