From c085e406359e363855b6142f284a58576585baeb Mon Sep 17 00:00:00 2001
From: Vlada Shafranskaia <zusmanzus@yandex.com>
Date: Tue, 3 Oct 2023 00:05:13 +0300
Subject: [PATCH] first letters

---
 index.html       | 8 ++++----
 styles/style.css | 9 +++++++++
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index b72d602..99a82e1 100644
--- a/index.html
+++ b/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;звукозаписывающих
             студиях), когда из-за паники быстро забывал, что кроме самых
diff --git a/styles/style.css b/styles/style.css
index eeb47b3..cb59289 100644
--- a/styles/style.css
+++ b/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);
+}
\ No newline at end of file