* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

.modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #111111bd;
    display: flex;
    opacity: 0;
    pointer-events: none;
    transition: opacity .4s;
}

.modal--show{
    opacity: 1;
    pointer-events: unset;
    transition: opacity .4s;
}

.modal-container {
    width: 90%;
    max-width: 740px;
    max-height: 100%;
    margin: auto;
    border-radius: 20px;
    padding: .75rem .75rem;
    border: 4px solid white;
}



.modal-container img {
    margin: 0 auto;
}

.modal-button {
    background-image: url(../assets/img/icon-close-button.svg);
    height: 40px;
    z-index: 100;
    top: -20px;
    right: 0px;
    width: 40px;
    cursor: pointer;
}

.mobile-links{
    transition: all .7s;
    
}

.show-Links{
    right: 0;
}