@keyframes pulse {
  0% {scale: 1;}
  50% {scale: 1.1;}
  100% {scale: 1;}
}

:root {
  --lightgrey: #8b8b8b;
  --cherryred: #540000;
}

body {
  background-color: black; background-image: url("/images/backgrounds/background.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed;
  font-family: 'Phantom Fingers', Monospace; color: black; text-align: center;
}

#welcome {color: inherit; background-color: darkred; border: 3px solid #540000; border-radius: 10px; width: 300px; display: inline-block; position: inherit; }

#header {
  display: inline-block;
  margin: auto; height: 100px;
}

header {background-image: url("/images/dividers/coffins-crosses.gif"); background-repeat: repeat-x; background-position: center;}

.navbar {
  position: absolute; top: 225px;
  list-style: none;
  justify-content: center;
  background-color: darkred; border: 2px solid var(--cherryred); border-radius: 10px;
  padding: 0.2em; margin-left: 55px;
  min-height: 250px; width: 150px;
}

.button {
  border: 2.5px solid black; border-radius: inherit;
  width: 120px; padding: 0.5em; margin: 2.5px;
}

.button:hover {animation: pulse; animation-duration: 1s; animation-iteration-count: infinite;}

.button a:link {color: black; text-decoration: none;}
.button a:visited {color: black; text-decoration: none;}
.button a:hover {color: black; text-decoration: none; text-shadow: 0px 0px 2px black; }

#container {vertical-align: middle; }

.ArtCase {
  display: inline-block; position: relative; top: 75px;
  box-sizing: border-box;
  width: 450px; border: 5px solid var(--cherryred);
  background-color: #850505;
}

.ArtTitle {
  font-size: 18px;
}

.ArtDisplay {
  padding: 5%;
  list-style: none;
  justify-content: space-around;
}

.ArtWidget {
  background-color: #750606; border: 2.5px solid black; border-radius: 10px;
  padding: 5px; margin-left: 2.5px; margin-bottom: 2.5px;
  width: 150px;
}

.Widgets {
  background-color: crimson; border: 2.5px solid black;
  padding: 5px; margin: 2.5px left;
  width: 150px;
  visibility: hidden;
}





/* blank space so i don't have to keep scrolling down */