.error{
  text-decoration: wavy red underline;
}
.crossed{
  text-decoration: line-through;
}
.nolink{
  text-decoration: none;
  color: inherit;
}
.link{
  text-decoration: blue underline;
  color: blue;
}
.inline{
  display: inline-block
}
.floatright{
  float: right;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-top: 5px;
}
.floatleft{
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-top: 5px;
}
.important{
  text-decoration: double underline;
}
.kindaimportant{
  text-decoration: underline;
}
.highlightedylw{
  background-color: yellow;
}
.cool{
  filter: drop-shadow(5px 5px 0px darkcyan);
  font-family: Verdana;
  background-image: linear-gradient(
    to left,
    violet,
    indigo,
    blue,
    green,
    yellow,
    orange,
    red
  );
  /* Use -webkit-background-clip for broader browser compatibility */
  -webkit-background-clip: text;
  /* Standard background-clip property */
  background-clip: text;
  /* Make the text transparent so the background shows through */
  color: transparent;
  /* Optional: Add basic styling */
  font-size: 24px;
  font-weight: bold;
  /* Ensure the element behaves as an inline block for proper width matching */
  display: inline-block; /* */
}