body {
  background: rgba(40, 21, 133, 0.78);
  text-align: center; /* Centering text */
}

p a:hover {
  color: rgba(78, 197, 208, 0.87);
  font-size: 20px; /* Set paragraph font size to 20px */
}

<style>
a {
  color: #C70039; /* Change this to your desired color */
  text-decoration: none; /* Optional: removes the underline */
}

a:hover {
  color: #C70039; /* Change color on hover */
}

h1 {
  font-weight: bold;
  font-size: 36px; /* Set header 1 font size to 36px */
}

h2 {
  font-size: 30px; /* Set header 2 font size to 30px */
}

img {
  border: 5px solid rgba(21, 27, 133, 0.78);
  display: block; /* Ensures the image is treated as a block element */
  margin: 0 auto; /* Centers the image */
}