.text-window-container {
    width: 90%;
    max-width: 400px;
    padding: 12px;
    box-sizing: border-box;
    border-radius: 22px;
    border: solid var(--shade-3) 1px;
    background-color: var(--shade-5);
    margin: 40px auto 20px;
    position: relative;
    z-index: 996;
}

@media (min-width: 769px) {
    .text-window-container {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(calc(-50% + 40px), -50%);
        margin: 0;
    }
}