帮我写一行在HTML上的代码要求：背景是红色的有三行居中的文本结尾有版权所有的提示和逐渐变小的文本行

<style>
body {
  background-color: red;
  text-align: center;
}
p {
  font-size: 24px;
  margin: 10px;
}
.small {
  font-size: 12px;
  transition: all 2s ease-in-out;
}
.small:hover {
  font-size: 8px;
}
</style>
<p>第一行居中文本</p>
<p>第二行居中文本</p>
<p>第三行居中文本</p>
<p>版权所有 © 2021</p>
<p class="small">文字逐渐变小</p>