@keyframes placeholder {
  
}

:root {
  --custom: color;
}

body {
  background-color: black; background-image: url("/images/backgrounds/cyberpunk-terminal.png"); background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed;
  font-family: 'Beon Regular', Monospace; color: crimson; text-align: center;
}

.title {
  font-family: 'Purpose Normal'; letter-spacing: 2px; color: yellow;
}

#sub-title {
  position: relative; top: -32px; left: -5px; font-size: 26px;
}

.title, #sub-title {
  text-shadow: turquoise 2px 2px;
}

header {margin-bottom: 30px;}

#center {
  border: 5px double crimson; background: darkred; margin: auto; min-width: 250px; max-width: 850px;
}

#top, #bottom, #left-img {width: 350px;}

#left {position: absolute;}

#bottom {display: inline-block; vertical-align: middle; margin-top: 10px;}