.popup-alert{
    z-index:9999;
    position: fixed;
    top: 50%;
    left: 50%;
    transform:translate(-50%, -50%) scale(1);
    background: black;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    transition: all 0.3s;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
    max-width: 400px;
    min-height: 300px;
    animation: fadeIn 0.3s cubic-bezier(.09,.7,.41,1.29);
    border-radius: 20px;
    border: 1px solid #012228;
    box-shadow: 2px 2px 20px rgba(0,0,0,0.6);
    box-sizing: border-box;
    text-align: center;
}


@media(min-width:1000px){
    .popup-alert {
        max-width: 405px;
        min-height: 300px;
        padding: 30px 20px;
    }
}

@media (min-width: 701px) and (max-width:999px){
    .popup-alert {
        width: 70%;
        padding:20px;
    }
}

@media(max-width:700px){
    .popup-alert {
        width: 80%;
        padding:15px;
    }
}

.reign-of-dark:before {
    position: fixed;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(13,19,21,0.7);
    transition: all 0.3s;
    z-index: 9998;
}

.reign-of-dark .loading {
    position: fixed;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 9998;
}

.popup-alert .close{
    position:absolute;
    right:10px;
    top:10px;
    max-width:20px;
    cursor:pointer;
}
.pop-up {
    text-align: center;
    font-size: 1rem;
    line-height: 120%;
}
    .pop-up > p {
        text-align: center;
    }
.ops {
    font-size: 1.3rem;
    color: rgb(255, 255, 255);
    font-weight: 600;
    line-height: 2rem;
    text-align: center;
    margin-top:5px;
}

.popup-alert img:nth-child(2){
    max-width:150px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;

}

.ops.ops-success {
    color: #00FF7A;
}