<h2> Coding & Caring</h2>
<hr>
<p>
<blockquote>Clean code <em>always</em>
  <pre>looks like</pre> it was written by <strong>someone</strong> who <strong>cares.</strong>
</blockquote>
</p>
<div class="text">
   <p>Text</p>
   <p>Text</p>
   <p>Text</p>
</div>

index.html

body {
    background-color: silver;
    font-family: Times New Roman;
    font-size: 1.3rem;
  }
  h2 {
    font-family: Arial;
    text-align: center;
  }
  p {
    margin: 2rem 3rem;
  }
  em {
    color: blue;
    letter-spacing: 3px;
  }

  .text {
    font-family: Courier New;
    font-size: 50px;
    background-color: coral;
    width: 400px;
    height: 200px;
    border: 4px solid #ff00ff;
    margin: 50px auto;
    text-align: center;
    color: aqua;
    text-shadow: 3px 3px 3px #000;
    border-radius: 5px 5px 5px 5px;
    line-height: 20px;
  }

  .text:hover{
    filter: invert(100%);
  }
  p:hover{
    filter: invert(100%);
  }

style.css