<h1>Text modification</h1>

<article>
  <p>
    The <mark>mark</mark> HTML element represents text which is <mark>marked or highlighted</mark> for reference or notation purposes due to the marked passage's relevance in the enclosing context.
  </p>
  <p>
  The <mark>ins</mark> HTML element represents a range of text that has been added to a document. You can use the <mark><del>supercool</del> <ins>del</ins></mark> element to similarly represent a range of text that has been deleted from the document.
  </p>
</article>

body {
  align-items: center;
  background-color: DarkSeaGreen;
  display: flex;
  flex-direction: column;
  font-family: monospace;
  justify-content: center;
  margin: 30px;
}

h1 {
  color: darksla;
  font-family: fantasy;
  font-size: 3rem;
  text-align: center;
}

p {
  font-size: 1.4rem;
  line-height: 1.5;
}

mark {
  background-color: PapayaWhip;
}

ins {
 text-decoration: underline wavy;
}

del {
  text-decoration: line-through;
}