Оформите приведённый текст, чтобы он соответствовал рис. 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: #5d728d;
}
blockquote {
font-family: Georgia, 'Times New Roman', Times, serif;
font-size: 1.2rem;
font-style: italic;
color: #fff;
border-left: 3px solid #ebc542;
padding: 0.2rem 2rem;
& > .author {
font-style: normal;
font-size: 1rem;
opacity: 0.5;
}
}
</style>
</head>
<body>
<blockquote>
<p>Алиса ни капельки не ушиблась; она моментально вскочила на ноги и
осмотрелась: первым делом она взглянула наверх, но там было совершенно
темно; зато впереди снова оказалось нечто вроде тоннеля, и где-то там вдали
мелькнула фигура Белого Кролика, который улепётывал во весь дух.</p>
<p class="author">Льюис Кэрролл. <cite>Алиса в стране чудес</cite> (перевод Бориса Заходера)</p>
</blockquote>
</body>
</html>