* {
  margin: 0;
  box-sizing: border-box;
}

body{
  background: chartreuse url("falloutbg.png") no-repeat center center fixed;
  background-size: cover;
  height: 100%;
  font-family: "Courier New", monospace;
  font: bold;
  text-transform: uppercase;
  color: #99ff99;
  text-shadow: 1px 1px 2px black;
  font-size: 1.4em;
}

#overlay{
  position: fixed;
  height: 100%;
  width: 100%;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background-color: rgba(0, 255, 0, 0.05); 
  border: 50px solid transparent;
  border-image: url("falloutterminal.png") 30 stretch;
  background-image: repeating-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2) 0.5%, rgba(0,0,0,0) 1%);
}

#doll{
  position: fixed;
  bottom: 0px;
  left: 0px;
  transform: scaleX(-1);
  width: 30%;
}

main{
  position: fixed;
  right: 0;
  width: 60%;
  height: 70%;
  margin: 7% 10% 23%;
  background: rgba(0, 75, 0, 0.65);
  padding: 32px;
  border-radius: 15px;
  border: 6px solid #000;
  line-height: 1.6;
  overflow-y: auto;
  z-index: 3;
  background-image: repeating-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1) 0.1%, rgba(0,0,0,0) 0.2%);
}

main h1{
  text-align: center;
  font-size: 1.25em;
}

.center{
  text-align: center;
  padding: 40px;
}

.center img{
  filter: opacity(65%);
  width: 200px;
  height: auto;
}