.dialog{
    justify-content: center;
    align-items: center;
    position: absolute;
    background-color: white;
    width: 50vw;
    height: 35vh;
    left: 25vw;
    border-radius: calc(1vw + 1vh);
    box-shadow: 10px 10px 30px 5px;
    z-index: 2;
}

.dialog-text-scroll{
    width: 90%;
    height: 75%;
    overflow-y: auto;
}

.dialog-text{
    margin: 0;
    font-size: xx-large;
}

@keyframes dialog-show {
    from{
        bottom: -100%;
    }
    to{
        bottom: 2vh;
    }
}

@media (max-width: 1300px) {
    .dialog-text-scroll{
        height: 90%;
    }
}