@media only screen and (min-width: 600px) {
    #delete-contact-root {
        position: fixed;
        top: 0px;
        left: 0px;
        width: var(--full-width);
        height: var(--full-height);
        backdrop-filter: blur(10px);
        /*conflicts with the opacity*/
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    #delete-contact-form {
        width: 30vw;
        height: 30vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-color: black;
        border-width: 2px;
        border-style: solid;
    }

    .delete-contact-message {
        font-size: 2vh;
        width: 80%;
        overflow-wrap: break-word;
    }

    #delete-contact-address {
        font-size: 2vh;
        width: 80%;
        overflow-wrap: break-word;
        color: red;
    }

    #delete-contact-affirm {
        width: 6vw;
        font-size: 2vh;
        margin: 1vh;
    }

    #delete-contact-deny {
        width: 6vw;
        font-size: 2vh;
        margin: 1vh;
    }
}