/* Where...
Where am I?
Hello...? Anyone...?
Is... is anybody out there...?
Someone!? Anyone!? Can anyone hear me!?
...
It's dark.
It's so dark here.
Someone, anyone, if you can hear me...
Say something... please...

...
No one can hear me, can they...?
...
I guess not.
To be honest, I'm not even sure if I can hear myself.
It's so quiet here...
... and yet, sometimes,
I swear I hear something...
Something like... scratching?
What is this place, anyway...?


...
How did I get here?
... as if I haven't asked that question a billion times already.
I...
I always did have that nightmare.
Walking into the darkness,
With the light shining from the doorway...
Then the door slams behind me.
And everything goes black.
... is this that nightmare?
... or was everything else a dream?

...
I'm starting to lose track of the time.
Has it been days? Hours?
If someone told me it's been years, I might believe them...
Before, the sun came up,
And so many wonderful things happened that made time meaningful.
Things like breakfast, or late night TV...
In this place,
I don't eat or drink anymore.
I can't tell if I'm awake or dreaming.
I can't even tell if I'm dead or alive.
It's just nothing but pitch black silence.
... except for the noise.
The scratching noise I sometimes hear...
This sounds crazy, but even though no one can hear me,
When I hear that noise, I feel like someone's listening.
Anyone, if you're there... thank you.


and now imagine dess getting ran over by asgore*/
a {
  color: yellow;
}
    body {
  cursor: url("cursor.ico"), default;
  background: url("bg.gif");
  color: white;
  font-family: "DTM Mono";
  image-rendering: pixelated;
  font-size: 12t;
     text-shadow:
    3px 3px 0 #964ad4,
    3px 3px 0 #964ad4,
    3px 3px 0 #964ad4,
    3px 3px 0 #964ad4;
  text-align: center
}

    button {
      height: 50px;
      width: 350px;
      font-family: "DTM Mono";
      background-color: #4903fc; 
      color: white;              
      padding: 12px 24px;        
      border: 2px solid #fff;             
      cursor: pointer;           
      font-size: 16px;           
      transition: 0.1s ease-out;
      box-shadow: 0px 0px 50px rgba(100, 1, 227);


    }
    
    button:hover {
        border: 2px solid #4903fc;
        height: 75;
        width: 375;
        background-color: #fff;
        color: #000;
        box-shadow: 0px 0px 50px rgba(255, 255, 255)

}



    .fard {
     padding: 12px 24px;   
    }

    .fard:hover {
     padding: 12px 24px;
     background-image: url("katze.jpg")
    }


    p {
    font-size: 20px;    
        
    }

@font-face {
    font-family: "DTM Mono";
    src: url('https://hushbugger.github.io/dialogue/dtm-mono.woff2?#iefix') format('woff2');
}

    img {
        margin: auto;
        padding: 5px;
        transition: 0.15s ease-out;
        border: none;
    }


    iframe {
        transition: 0.15s ease-out;
        border: 0;
    }


    video {
    


    mark {
    margin: auto;
    background-color:#2858BE;
     color: white;
    }


    p {
     font-size: 16px;   
    }
  
  h1 {
      margin: auto;

  }
  
   .jerkytext {
      animation: jerkyu 0.5s infinite;

    }

    @keyframes jerkyu {
      0% {
        transform: rotate(2deg);
      }

      50% {
        transform: rotate(2deg);
      }

      51% {
        transform: rotate(-2deg);
      }

      100% {
        transform: rotate(-2deg);
      }
      
    }



    .float {
    
    animation: float 3s ease-in-out infinite;
    }
    
    .vibrate {
      height: auto;
      margin-top: 20px;
      animation: shake 1s ease-in-out infinite;
    }

    @keyframes shake {
      0% {
        transform: translateX(-5px);
      }
      25% {
        transform: translateX(5px);
      }
      50% {
        transform: translateX(-5px);
      }
      75% {
        transform: translateX(5px);
      }
      100% {
        transform: translateX(0);
      }
    }
    
    
    
    .RN{
  animation: colorchange 1s infinite alternate;
}

@keyframes colorchange {
  0% {
    color: blue;
  }
  10% {
    color: #8e44ad;
  }
  20% {
    color: #1abc9c;
  }
  30% {
    color: #d35400;
  }
  40% {
    color: blue;
  }
  50% {
    color: #34495e;
  }
  60% {
    color: blue;
  }
  70% {
    color: #2980b9;
  }
  80% {
    color: #f1c40f;
  }
  90% {
    color: #2980b9;
  }
  100% {
    color: pink;
  }
}
 
 
  @keyframes float {
    0%{
      transform: translateY(0);
    }
    50% {
      transform: translateY(-15px);
    }
     100% {
     transform: translateY(0);
    }
  }