Оформите приведённый текст, чтобы он соответствовал рис. 1.
Рис. 1.
<blockquote>
<p>Алиса ни капельки не ушиблась; она моментально вскочила на ноги и
осмотрелась: первым делом она взглянула наверх, но там было совершенно
темно; зато впереди снова оказалось нечто вроде тоннеля, и где-то там вдали
мелькнула фигура Белого Кролика, который улепётывал во весь дух.</p>
<p class="author">Льюис Кэрролл. <cite>Алиса в стране чудес</cite> (перевод Бориса Заходера)</p>
</blockquote>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Цитата</title>
<style>
body {
background-color: #e3e3e3;
}
blockquote {
background-color: #f0f0f0;
font-family: Georgia, 'Times New Roman', Times, serif;
font-size: 1.2rem;
border-left: 3px solid #f0832f;
padding: 0.2rem 2rem;
& > .author {
font-size: 1rem;
}
}
blockquote p:first-child::before {
content: '“';
font-size: 3rem;
}
</style>
</head>
<body>
<blockquote>
<p>Алиса ни капельки не ушиблась; она моментально вскочила на ноги и
осмотрелась: первым делом она взглянула наверх, но там было совершенно
темно; зато впереди снова оказалось нечто вроде тоннеля, и где-то там вдали
мелькнула фигура Белого Кролика, который улепётывал во весь дух.</p>
<p class="author">Льюис Кэрролл. <cite>Алиса в стране чудес</cite> (перевод Бориса Заходера)</p>
</blockquote>
</body>
</html>