body {
  margin: 1px;
  font-family: Cambria, 'Times New Roman';
  background: #fa8e8e;
  padding-left: 20px;   /* Add space on the left */
  padding-right: 20px;  /* Optional: add space on the right */
}
header {
  background: #1864b1; /* Or any color you like */
  padding: 20px 0;
  padding-left: 20px;   /* Add space on the left */
  padding-right: 20px;
}

h2 {
  color: #51035b; /* Blue */
}
h3 {
    color:#f8f4f8;
}
.rainbow-flash {
  animation: rainbow 1s linear infinite;
}

@keyframes rainbow {
  0%   { color: red; }
  16%  { color: orange; }
  33%  { color: yellow; }
  50%  { color: green; }
  66%  { color: blue; }
  83%  { color: indigo; }
  100% { color: violet; }
}
a {
  display: inline-block;
  background: #1864b1;
  color: #000000 !important;
  padding: 10px 20px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: bold;
  margin: 4px 0;
  transition: background 0.2s, transform 0.2s;
  animation: pulse 1.2s infinite alternate;
}

@keyframes pulse {
  0%   { background: #1864b1; }
  100% { background: #ecfa8e; }
}

a:hover {
  transform: scale(1.07);
}