body { 
      background-color: #49187c;
      color: #ffe3f4;
      /* font-family: garamond, serif;
     /* font-family: verdana, sans-serif;*/
      
      display: flex;
      flex-direction: column;
      justify-content: center;   /* vertical centering */
      align-items: center;       /* horizontal centering */
      margin: 0;
      padding: 0;
      position: relative;
      min-height: 100vh; /* full page */ 
}


h2 {
  margin-bottom: 0;
  padding-bottom: 0;}
  
ul {
  margin-top: 0;
  padding-top: 0;}
  
  @font-face {
  font-family: "wink";
  src: url("winkyrough.ttf?#iefix") format("truetype");}
  

h1 {font-size: 5em;}
h2 {font-size: 2.5em;}
p, li, a {font-size: 1.5em;}
p a, li a {font-size: inherit;}

* {letter-spacing: .125em;}


/* Top Border */
body::before {
  content: '';
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 20px;
  background: url('images/pinkblood.gif') repeat-x;
  z-index: 9999;
  pointer-events: none;
}

/* Bottom Border */
body::after {
  content: '';
  position: fixed;
  bottom: 0; left: 0;
  width: 100%;
  height: 20px;
  background: url('images/pinkblood.gif') repeat-x;
  z-index: 9999;
  pointer-events: none;
  transform: rotate(180deg);
  transform-origin: center center;
}

/* Left Border */
.left-border {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 20px;
  background: url('images/pinkblood.gif');
  background-size: 150vh 20vw;
  background:red;
  z-index: 9999;
  pointer-events: none;
  display: block; 
  transform: rotate(90deg) translateX(0vh) scaleY(-1);
  transform-origin: top left
}


/* Right Border */
html::after {
  content: '';
  position: fixed;
  top: 0;
  right: 0;
  width: calc(100% - 40px);
  height: 20px;
  background: url('images/pinkblood.gif') repeat-x;
  background-size: 150px 20px;
  z-index: 9999;
  pointer-events: none;
  transform: rotate(-90deg) translateX(20px) scaleY(-1);
  transform-origin: right top;
}


    
    a:link {color: #e7a5f5; }  /* Unvisited links */
    a:visited {color: #f5caa5; }   /* Visited links */
    a:hover {color: #ffe3f4; }  /* When mouse is over */
    a:active {color: #c481e7; }  /* When link is clicked */