@font-face{
font-weight:normal;
font-style:normal;
font-family: "Cyberpunk";
src: url("../fonts/cyberpunks_font/Cyberpunks.ttf") format("truetype")
}

@font-face {
font-family: "Elegant Typewriter";
src: url("../fonts/elegant_typewriter/ELEGANT-TYPEWRITER-Regular.ttf") format("truetype");
font-weight:normal;
font-style:normal;
}
body {
  background-color:#F1E9D2;
}

.storybox {
  background-color:black;
  width: 900px;
  margin: 40px auto;
  padding: 40px;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
  
}
.storyboxTEC {
  background-color:black;
  width: 900px;
  margin: 40px auto;
  padding: 40px;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
  font-family:"Cyberpunk";
}
.epigraph{
text-align:center;
font-style:Italic;
}
.epigraph-source{
text-align:center;
}
a{
color:white;
}

h1{
  color: white;
  text-align:center;
}

p{
  color:#f0f0f0;
  font-family:sans-serif;
  font-size: 20px;
}

h2{
color:white;
text-align:left;
}
h3{
color:white;
}
.storybox h2{
color:white;
text-align:center;
}
.storyboxTEC h2{
color:white;
text-align:center;
}
.storyboxTEC hr{
border-top: 1px white solid;
}
.storybox hr{
border-top: 1px white solid;
}
.journal-lines{
background-color:white;
width:100%;
margin:40px auto;
padding:10px 20px;
background-image:linear-gradient(to right, #3017fe 1px, transparent 1px);
background-size: 100% 30px;
font-family: monospace;
line-height:30px;
}
.journal-lines::after{
left:20px;
position:absolute;
content:"";
height:100%;
width:1px;

background-image:linear-gradient(to bottom, #Ac3235)
}
.entrybox p{
margin:0;
color:black
}
.entrybox h2{
margin:0;
font-family:monospace;
color:black;
}
.entrybox h1{
margin:0;
color:black;
font-family: monospace;
}
.entrybox ul{
font-size:20px;
}
.entrybox li{
list-style-type:circle;
}
.entrybox{
width:900px;
box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
flex-direction:column;
background:#f3f2e0;
font-family: monospace;
line-height:30px;
padding:10px 20px;
margin:0 auto;
border-left: solid #Ac3235;
}
.entrybox a{
color:black;
}
.entrybox hr{
border-top: 1px #3017fe solid;
}
.entrybox h2{
font-family: "Elegant Typewriter", "courier";
}
.image-frame{
border:5px solid black;
}
.centerer{
text-align:center;
}

.scanlines {
    position: relative;
    width: 100%;
    min-height: 100vh;
    box-sizing: border-box;
    overflow: hidden;
}

.scanlines:before,
.scanlines:after {
    display: block;
    pointer-events: none;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
}

.scanlines:before {
    width: 100%;
    height: 2px;
    z-index: 2147483649;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0.75;
    animation: scanline 6s linear infinite;
}

.scanlines:after {
    top: 0;
    bottom: 0;
    z-index: 2147483648;
    background: linear-gradient(
        to bottom,
        transparent 50%,
        rgba(0, 0, 0, 0.3) 51%
    );
    background-size: 100% 4px;
    animation: scanlines 1s steps(60) infinite;
}

@keyframes scanline {
    0% {
        transform: translate3d(0, 200000%, 0);
    }
}

@keyframes scanlines {
    0% {
        background-position: 0 50%;
    }
}

div {
    margin: 0;
    padding: 0;
}
body{
  margin:0;
  padding:0;
}