/* Desktop */
@media (hover: hover) and (pointer: fine) {
    .dialogue-box {
        position: relative;
        text-shadow: 1.34px 1.34px 0px #0f0f71;
        background-color: transparent;
        padding: 30px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0 auto;
        box-sizing: border-box;
        image-rendering: pixelated;
        font-size: 33px;
        line-height: 36px;
        color: #fff;
        border-image: url('../medias/textbox_deltarune.gif') 30 / 30px repeat;
        border-width: 26px;
        border-image-slice: 27.6% fill;
        min-height: 168px;
        width: 600px;
        text-align: left;
        overflow:hidden;
    }

    .dialogue-box img {
        position: absolute;
        top: 34px;
        left: 34px;
        width: 96px;
        height: auto;
        z-index: 20;
        image-rendering: pixelated;
    }

    .dialogue-box p {
        text-indent: -18px;
        width: 400px;
        margin-left: 0;
        padding-left: 148px;
        margin-top: 30px;
        display: block;
        white-space: pre-wrap;
        font-family: 'Determination Mono';
    }

    .boxstyleUT {
        border-image: url('../medias/textbox_undertale.png') 30 / 30px repeat;
        border-image-slice: 27.6% fill;
    }

    .sansBOX img {
    position: absolute;
    top: 34px;
    left: 44px;
    width: 96px;
    height: auto;
    z-index: 20;
    image-rendering: pixelated;
    }

    .sansBOX p {
    font-family: 'Comic Sans';
    }
}



/* Mobile / touch */
@media (hover: none) and (pointer: coarse) {
    .dialogue-box {
        position: relative;
        text-shadow: 0.67px 0.67px 0px #0f0f71;
        background-color: transparent;
        padding: 15px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0 auto;
        box-sizing: border-box;
        image-rendering: pixelated;
        font-size: 16.5px;
        line-height: 18px;
        color: #fff;
        border-image: url('../medias/textbox_deltarune.gif') 15 / 15px repeat;
        border-width: 13px;
        border-image-slice: 27.6% fill;
        min-height: 84px;
        width: 300px;
        text-align: left;
        overflow:hidden;
    }

    .dialogue-box img {
        position: absolute;
        top: 17px;
        left: 17px;
        width: 48px;
        height: auto;
        z-index: 10;
        image-rendering: pixelated;
    }

    .dialogue-box p {
        text-indent: -9px;
        width: 200px;
        margin-left: 0;
        padding-left: 74px;
        margin-top: 15px;
        display: block;
        white-space: pre-wrap;
        font-family: 'Determination Mono';
    }

    .boxstyleUT {
        border-image: url('../medias/textbox_undertale.png') 15 / 15px repeat;
        border-image-slice: 27.6% fill;
    }

    .sansBOX img {
    position: absolute;
    top: 17px;
    left: 22px;
    width: 48px;
    height: auto;
    z-index: 10;
    image-rendering: pixelated;
    }

    .sansBOX p {
    font-family: 'Comic Sans';
    }
}