@keyframes cursor {
  0% {cursor: url(/images/cursors/bat-frame1.png), auto;}
  33% {cursor: url(/images/cursors/bat-frame2.png), auto;}
  66% {cursor: url(/images/cursors/bat-frame3.png), auto;}
  99% {cursor: url(/images/cursors/bat-frame2.png), auto;}
}

a:link {color: mediumpurple; }
a:visited {color: violet;}
a:hover {color:rebeccapurple;}

body {
  font-family: Monospace;
  text-align: center;
  cursor: url(/images/cursors/bat-frame1.png), auto; animation: cursor 800ms both infinite;
}

body.dark {
  background-color: dimgrey;
  color: ghostwhite;
}

body.light {
  background-color: ghostwhite;
  color: black;
}

#title {border-bottom: solid black 100px; border-image:url(/images/dividers/black-hearts.png) 130 fill; width: 240px; display: inherit; position: inherit; }

#container {
  display: inline-block; width: 50vw; margin-left: 25px; margin-right: 25px;
}

#shrines {
  display: block; position: inherit; padding-top: 10px; margin-bottom: 15px;
}

#extra {display: inherit; position: inherit; width: 400px;}






/* extra space */