JSFiddle - React, Tailwind, and code Playground

HTML

<div class='container'>
    <h3 class='title'>Страница для сбора данных </h3>
    <p>
        Начните дружить со своими клиентами
        blablablabla
    </p>
</div>

CSS

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    position: relative;
    background: url('http://hq-wallpapers.ru/wallpapers/5/hq-wallpapers_ru_abstraction3d_24853_1920x1200.jpg') no-repeat center center;
}

.container{
    position: relative;
    border: 3px solid #FF2A5B;
    border-top: none;
    height: 150px;
    width: 400px;
    margin: 50px auto;
    padding: 25px;
}

.title{
    position: absolute;
    top: -22px;
    left: 50%;
    transform: translate(-50%);
}

.title:after{
    position: absolute;
    right: -50%;
    top: 50%;
    content: '';
    width: 50%;
    height: 3px;
    background: #FF2A5B;
}

.title:before{
    position: absolute;
    left: -50%;
    top: 50%;
    content: '';
    width: 50%;
    height: 3px;
    background: #FF2A5B;
}