Оформите приведённый текст, чтобы он соответствовал рис. 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>
blockquote {
--c: #505050;
font-family: Georgia, 'Times New Roman', Times, serif;
border-top: 1px solid var(--c);
border-bottom: 1px solid var(--c);
font-size: 1.2rem;
& > .author {
font-size: 1rem;
}
}
blockquote::before,
blockquote::after {
color: #bc0e30;
font-size: 4rem;
padding: 0 1rem;
border: 1px solid var(--c);
display: inline-block;
height: 45px;
overflow: hidden;
position: relative;
left: 50%; transform: translateX(-50%);
}
blockquote::before {
content: '“';
border-top: 0;
}
blockquote::after {
content: '”';
border-bottom: 0;
vertical-align: bottom;
}
</style>
</head>
<body>
<blockquote>
<p>Алиса ни капельки не ушиблась; она моментально вскочила на ноги и
осмотрелась: первым делом она взглянула наверх, но там было совершенно
темно; зато впереди снова оказалось нечто вроде тоннеля, и где-то там вдали
мелькнула фигура Белого Кролика, который улепётывал во весь дух.</p>
<p class="author">Льюис Кэрролл. <cite>Алиса в стране чудес</cite> (перевод Бориса Заходера)</p>
</blockquote>
</body>
</html>