Fancy SVG box

border.html

<style>
    html, body {
        background-color: #121214;
        color: wheat;
    }
    main {
        display: flex;
        flex-direction: column;
        place-items: start;
    }
    .box {
        border-image: url('Vector.svg');
        /* 
        Whole SVG box
        494x250
        top left
        104x86
        bottom right
        398x152
        */
        border-image-slice: calc(86 / 250 * 100%) calc(398 / 494 * 100%) calc(152 / 250 * 100%) calc(104 / 494 * 100%);
        border-image-width: 86px 398px 152px 104px;
        font-size: 72px;
        padding: 72px 92px;
        color: #cf5211;
    }
</style>
<main>
    <h1>Test border thing</h1>
    <div class="box">12:34:56</div>
</main>

Vector.svg