/*https://colorhunt.co/palette/211951836fff15f5baf0f3ff*/

@keyframes border_pulse {
  0% {color: #836FFF; text-shadow: 1px 1px #15F5BA}
  25% {color: black;}
  50% {color: #15F5BA; text-shadow: 1px 1px #836FFF}
  75% {color: black;}
  100% {color: #836FFF; text-shadow: 1px 1px #15F5BA}
  }
@keyframes image_pulse {
    0% {opacity: 1.0;}
    25% {opacity: 0.0;}
    75% {opacity: 0.0;}
    100% {opacity: 1.0;}
}
@keyframes link_pulse {
    0%  {pointer-events: auto; cursor: pointer;}
    50% {pointer-events: none; cursor: default;}
    75% {pointer-events: none; cursor: default;}
    100%  {pointer-events: auto; cursor: pointer;}
  }
@keyframes omnitan {
    0% {text-shadow: 2px 2px pink;}
    25% {text-shadow: -2px 2px purple;}
    50% {text-shadow: -2px -2px pink;}
    75% {text-shadow: 2px -2px purple;}
    100% {text-shadow: 2px 2px pink;}
}
@keyframes rgb_shadow {
  0% {text-shadow : 1px 1px red;}
  10% {text-shadow : 1px 1px orange;}
  20% {text-shadow : 1px 1px yellow;}
  30% {text-shadow : 1px 1px green;}
  40% {text-shadow : 1px 1px cyan;}
  50% {text-shadow : 1px 1px blue;}
  60% {text-shadow : 1px 1px purple;}
  70% {text-shadow : 1px 1px magenta;}
  80% {text-shadow : 1px 1px red;}
  90% {text-shadow : 1px 1px pink;}
  100% {text-shadow : 1px 1px red;}
  }
@font-face {
    font-family: 'title-font';
    src: url('/NEONLEDLight.otf') format('embedded-opentype'), /* Internet Explorer */
         url('/NEONLEDLight.otf') format('woff2'),             /* Super Modern Browsers */
         url('/NEONLEDLight.otf') format('woff'),              /* Pretty Modern Browsers */
         url('/NEONLEDLight.otf') format('truetype'),          /* Safari, Android, iOS */
         url('/NEONLEDLight.otf') format('svg');               /* Legacy iOS */
}

@keyframes border_pulse_malice {
  0% {border-style : inset inset inset outset}
  25% {border-style : outset inset inset inset}
  50% {border-style : inset outset inset inset}
  75% {border-style : inset inset outset inset}
  100% {border-style : inset inset inset outset}
  }

.title {
  animation-name: border_pulse;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    font-family: 'title-font';
    font-size: 60px;
    }
.fading_image {
    animation-name: image_pulse;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    filter: drop-shadow(2px 2px 2px #836FFF);
    }
.fading_link {
    animation-name: link_pulse;
    animation-duration: 10s;
    animation-iteration-count: infinite;
  }


h1,h2,h3,h4,h5, hr {
    color: #9D0208;
}
p, li, ul {
  color: #D00000;
  margin-bottom: 4px;
}
button {
  background-color : #370617;
  color: #D00000;
  padding : 4px 4px;
  text-align: center;
  border : 3px;
  border-color : #9D0208;
  animation-name : border_pulse_malice;
  animation-duration : 1s;
  animation-iteration-count : infinite;
  }
button:hover {
  border-style : double;
  animation-iteration-count : 0;
  }
button:active {
  border-style : solid;
  border-color : black;
  animation-iteration-count : 0;
  color : black;
  }
.blog {
  color: #F0F3FF;
}

.voidtext {
  color : black;
  text-shadow : 1px 1px #15F5BA;
  }
.alphatext {
  color : white;
  text-shadow : 1px 1px #836FFF;
  }
.bookmarktext {
  color: #836FFF;
  text-shadow : 1px 1px #15F5BA;
  }
.bookmarkbar {
  background-color : #211951A3;
  }
.logo {
  filter: drop-shadow(2px 2px 2px #836FFF);
  }
.injected-img {
  object-fit : contain;
  width : 50vw;
  height : 50vh;
  }

.link-img {
  transition : 0.3s;
  filter : brightness(100%);
  }
.link-img-logo {
  transition : 0.3s;
  filter : brightness(100%) drop-shadow(2px 2px 2px #836FFF);
  }
.link-img:hover,.link-img-logo:hover{
  filter : brightness(0%) drop-shadow(2px 2px 2px #836FFF);
  }

a {
  color: #836FFF;
  transition : 0.3s;
  text-shadow : 0px 0px black;
}
a:visited {
  color: #F0F3FF;
  text-shadow : 0px 0px black;
  }
a:hover{
  color : black;
  text-shadow : 1px 1px #836FFF;
  }

html,body {
  font-family: 'Courier New' monospace;
  color : transparent;
  }


.set-black {
  color : black;
  }
.memory {
  color : #fce3c0;
  }
.stone{
  color : gray;
  text-align : center;
  }

.pixel_icon{
  width : 32px;
  margin-right: 8px;
  border : 3px;
  border-color : #836FFF;
  border-style : double;
  }

#smoke_screen, #screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  object-fit: fill;
}
#angel_name {
    animation-name: omnitan;
    animation-duration: 0.1s;
    animation-iteration-count: infinite;
}
#everything {
  color : white;
  text-shadow : 0px 0px black;
  transition : 1.0s;
  animation-name : none;
  animation-duration : 20.0s;
  animation-iteration-count : infinite;
  animation-timing-function : linear;
  }
#everything:hover{
  text-shadow : 1px 0px red;
  animation-name : rgb_shadow;
  animation-duration : 20.0s;
  animation-iteration-count : infinite;
  animation-timing-function : linear;
  }

#horror {
  color : red;
  }
#horror:hover{
  color : black;
  text-shadow : 1px 1px red;
  }

.nofilter { 
    image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
    image-rendering: -moz-crisp-edges;          /* Firefox                        */
    image-rendering: -o-crisp-edges;            /* Opera                          */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
    image-rendering: pixelated;                 /* Universal support since 2021   */
    image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
}

.dreamer {
  color : lightgray;
  font-family: Arial;
  }
/*
img, iframe {
  width: 80vw;
  object-fit: contain;
  }
*/