.alert {
    margin: 20px;
    z-index: 9999;
    position: fixed !important;
    right: -50%;
    animation: showRight 1s forwards;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    box-shadow: 0px 0px 15px -5px #000000;
}

.alert p {
    margin: 0;
    padding: 0;
}

.alert-success {
    color: green;
    border: 1px solid green;
    border-left: 5px solid green;
}

.alert-error {
    color: red;
    border: 1px solid red;
    border-left: 5px solid red;
}

.alert .title {
    font-size: 24px;
    font-weight: 600;
}

@keyframes showRight {
    form {
        right: -50%;
    }

    to {
        right: 0;
    }
}


/** ADD YOUR AWESOME CODES HERE **/