.diamond-style {
    display: flex;
    .title {
        display: contents;
        text-align: center;
        margin: 20px auto;
        p{
            text-align: center;
            color: #000;
            font-size: 4rem;
            margin: 1rem auto;
            font-weight: var(--headWeight);
        }
    }
    .diamond-shield-right {
        position: relative;
        width: 100%;
        height: 50%;
        border-bottom: black solid 1px;
    }
    .diamond-shield-right:before {
        content: "";
        height: 13px;
        width: 25px;
        position: absolute;
        right: -1px;
        bottom: -7px;
        background-repeat: no-repeat;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDI1IDEzIiBmaWxsPSJub25lIj4NCiAgPHBhdGggZD0iTTEyLjc1IDBMMjQuNTgwNiA2LjVMMTIuNzUgMTNMMC45MTk0MDMgNi41TDEyLjc1IDBaIiBmaWxsPSJibGFjayIvPg0KPC9zdmc+);
    }
    .diamond-shield-left {
        position: relative;
        width: 100%;
        height: 50%;
        border-bottom: black solid 1px;
    }
    .diamond-shield-left:before {
        content: "";
        height: 13px;
        width: 25px;
        position: absolute;
        left: -1px;
        bottom: -7px;
        background-repeat: no-repeat;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDI1IDEzIiBmaWxsPSJub25lIj4NCiAgPHBhdGggZD0iTTEyLjc1IDBMMjQuNTgwNiA2LjVMMTIuNzUgMTNMMC45MTk0MDMgNi41TDEyLjc1IDBaIiBmaWxsPSJibGFjayIvPg0KPC9zdmc+);
    }
}