html{
  background: url('../images/backgrounds/DP12-7.png') center repeat, linear-gradient(0deg, rgb(78, 65, 126) 0%, rgb(11, 8, 15) 100%);
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: top;
  height: 100%;
  overflow: auto;
}

* {
 scrollbar-width: thin;
 scrollbar-color: #5f6682 #232531;
 cursor: url("/images/assets/cur67.gif"), auto;
}


@font-face {
    font-family: "PixelOperator"; 
    src: url('../fonts/PixelOperator.ttf');
	src: url('../fonts/PixelOperator.ttf') format("truetype");
}

@font-face {
    font-family: "Minkler"; 
    src: url('../fonts/minkler.ttf');
	src: url('../fonts/minkler.ttf') format("truetype");
}

@font-face {
    font-family: "LCD-7"; 
    src: url('../fonts/lcd-7.ttf');
	src: url('../fonts/lcd-7.ttf') format("truetype");
}

@font-face {
    font-family: "VCR_OSD_MONO"; 
    src: url('../fonts/VCR_OSD_MONO.ttf');
	src: url('../fonts/VCR_OSD_MONO.ttf') format("truetype");
}

hr {
  background-image: url('/images/assets/hr.png');
  background-repeat: repeat-x;
  background-position: bottom;
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
  border: 0;
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 3px;
  margin: 0;  
  }

a{
color: #eae4fb;
}

h1,
h2,
h3 {
color: #adb5db;
margin: 5px 0px 5px 0px;
font-family: PixelOperator;
}

.text-muted {
color: #a7a6b7 !important;
}

.mainwrap {
margin: 325px auto 0px auto;
max-width: 700px;
height: 100%;
}

.indexbefore {
border-radius: 0px;
padding: 10px;
color: #adb5db;
font-family: 'PixelOperator', sans-serif;
margin: -56px auto 59px 10px;
height: 333px;
width: 600px;
display: flex;
}

.internal1 {
background-color: #20232b;
font-family: 'PixelOperator', sans-serif, Helvetica;
color: #adb5db;
padding: 10px 5px 5px 5px;
text-align: center;
margin: -56px auto 59px 51px;
height: 100%;
width: 77%;
}

.internal1 p{
padding: 10px;
margin: 0px;
}

.internal1 a{
padding: 10px;
margin: 10px;
font-family: 'VCR_OSD_MONO', sans-serif, Helvetica;
font-size:30px;
}

.wordsnwhatnot{
	margin: 40px 0px 0px 0px;
}



body:before {
        content: "";
        position: fixed;
        opacity: 0.2;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 1000;
        background-image: url(../images/assets/overlay.png);
        background-repeat: all;
        background-position: 0px 0px;
        animation-name: Static;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-timing-function: steps(4);
        box-shadow: inset 0px 0px 10em rgb(0 0 0 / 40%);
    }
    
    body:after {
        content: "";
        position: fixed;
        left: 0;
        top: 0;
        opacity: 0.5;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 1000;
        background-image: url(../images/assets/overlay2.png);
        background-repeat: all;
        background-position: 0px 0px;
        animation-name: Static;
        animation-duration: 0.8s;
        animation-iteration-count: infinite;
        animation-timing-function: steps(4);
    }