.alert-box {
    padding: 12px 18px;
    border-radius: 4px;
    position: fixed;
    left: 50%;
    transition: top 1s;
    top: 0;
    transform: translateX(-50%);
    z-index: 99999999;
    display: flex;
    align-items: center;
}

.alert-success {
    background-color: #f0f9eb;
    color: #67c23a;
    animation: alertAnimation 0.25s 0s 1 forwards;
}

.alert-error {
    background-color: #fef0f0;
    color: #f56c6c;
    animation: alertAnimation 0.25s 0s 1 forwards;
}

@keyframes alertAnimation {
    0% { top: 0;}
    100% { top: 100px;}
}