/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

/* Loud colours & tiled backdrop */
body {
  background: #000;   /* solid black */
  color: #00c2d1;        /* optional: white text so it’s readable */
  font-family: "Georgia";
  margin: 50px; padding: 1rem;
}

/* Centre the whole page inside a narrow column */
main {
  max-width: 900px;
  margin: 0 auto;
  background: transparent;
  padding: 1rem;
  border: 4px double #54428e; 
  box-shadow: 0 0 10px #54428e; /*hot pink*/
}

h1   { font-size: 42px; text-align: center; text-shadow: 2px 2px #e65bcc; }
h2   { color: #e65bcc; }
p {color:#FEFBEA; line-height: 2;}
a    { color: #FEFBEA;line-height: 2;} /*white*/
br {line-height: 2;}
a:visited { color: #54428e; } /*purple*/

/* Make <blink> work via CSS (modern browsers) */
@keyframes blink { 50% { opacity: 0; } }
blink, .blink { animation: blink 1s step-end infinite; }