JSFiddle - React, Tailwind, and code Playground

HTML

<section class="def-block">
<h3>Означення</h3>
<p>
Нехай D⊂C буде областю визначення і нехай f:D→C буде неперервною функцією. Первісна f у D - це аналітична функція F:D→C така, що F′=f у D.
</p>
</section>
<section class="def-block">
<h3>Теорема</h3>
<p>
Нехай D⊂C буде областю визначення і нехай f:D→C буде неперервною функцією. Первісна f у D - це аналітична функція F:D→C така, що F′=f у D.
</p>
<div class="proof">
<h3>Доведення</h3>
<p>
Нехай D⊂C буде областю визначення і нехай f:D→C буде неперервною функцією. Первісна f у D - це аналітична функція F:D→C така, що F′=f у D.
</p>
</div>
</section>

CSS

.def-block {
  background: lightblue;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  display: inline-block;
}

.def-block h3 {
  margin: 0;
  padding: 5px;
  background: blue;
  color: white;
}

.def-block p {
  margin: 0;
  padding: 5px;
  padding-bottom: 10px;
}

.proof {
  background: rgb(255, 220, 200);
}

.proof h3 {
  background: rgb(155, 50, 80);
}