$modal-duration: 1s;

.modal-container {
    background-color: rgba(0,0,0,0.6);
    //display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    .modal {
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        position: absolute;
        overflow: hidden;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 100%;
        width: 400px;
        animation-name: modalopen;
        animation-duration: $modal-duration;
    }
}