first letters

index.html

@@ -19,7 +19,7 @@ <h1 class="heading header__title content-section">Карты подскажут<
       <h2 class="heading content__title">
         Креативный подход к решению проблем
       </h2>
-      <div class="content__text-block">
+      <div class="content__text-block content__text-block_type_first-lettered">
         <p class="content__paragraph">
           Творческие кризисы, кажется, рано или поздно испытывает любой человек.
           Часто бывает так, что вы&nbsp;сталкиваетесь с&nbsp;проблемой,
@@ -36,7 +36,7 @@ <h2 class="heading content__title">
         </p>
       </div>
       <h2 class="heading content__title">Что это за&nbsp;колода</h2>
-      <div class="content__text-block">
+      <div class="content__text-block content__text-block_type_first-lettered">
         <p class="content__paragraph">
           Тут могло&nbsp;бы быть что-то про пользу игры
           в&nbsp;&laquo;Дурака&raquo; или о&nbsp;высших арканах Таро,
@@ -65,13 +65,13 @@ <h2 class="heading content__title">Что это за&nbsp;колода</h2>
       <h2 class="heading content__title">
         Как работают &laquo;обходные стратегии&raquo;
       </h2>
-      <div class="content__text-block">
+      <div class="content__text-block content__text-block_type_first-lettered">
         <p class="content__paragraph">
           Вот что сам Брайан Ино рассказывает о&nbsp;создании Oblique
           Strategies:
         </p>
         <blockquote class="content__blockquote">
-          <p class="content__paragraph">
+          <p>
             &laquo;Эти карты появились, потому что я&nbsp;оказывался
             в&nbsp;рабочих ситуациях (особенно в&nbsp;звукозаписывающих
             студиях), когда из-за паники быстро забывал, что кроме самых

styles/style.css

@@ -108,3 +108,12 @@ figure {
   inset-block-start: 50%;
   inset-inline-start: -25px;
 }
+
+.content__text-block_type_first-lettered .content__paragraph:first-of-type::first-letter {
+  display: inline-block;
+  margin-inline-end: 1px;
+  padding: 0 4px;
+  font-weight: 700;
+  font-style: 30px;
+  background-color: var(--accent-color);
+}