body {
  background: #ffffff;
  color: #000000;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

/* The following code block is commented out in your SCSS, so it will not appear in the CSS.
body a {
  color: #212529 !important;
}
*/

body a {
  color: #3498db; /* Sets the text color to a soft blue */
  text-decoration: none; /* Removes the underline from links */
  font-weight: bold; /* Makes the text bold */
}

body a:hover {
  color: #007bff; /* Changes text color to green on hover */
  text-decoration: underline; /* Underlines the text on hover */
  cursor: pointer; /* Changes the cursor to the pointer hand */
}

body a:active {
  color: #e74c3c; /* Changes text color to red when the link is being clicked */
}

img.blur-on-hover {
  -webkit-filter: blur(0.5px); /* for Chrome, Safari, and Opera */
  filter: blur(0.5px); /* standard syntax */
  transition: filter 0.3s, -webkit-filter 0.3s; /* Smooth transition for the blur effect */
}

.indent {
  text-indent: 20px; /* Adjust the value as needed */
}

img.blur-on-hover:hover {
  -webkit-filter: blur(0px);
  filter: blur(0px);
}

font-header {
  font-weight: bold;
  font-size: 20px; /* Adjust the font size as needed */
}