<!--
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣣⣏⣯⣿⣇⣧⣦⣦⣦⣤⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢪⢀⣠⣠⣯⠁⢁⢁⢋⢃⢃⢃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣪⢀⢃⣪⣏⢃⢂⢪⢇⣇⢆⢆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⢂⢀⢀⣿⢇⢀⢂⢃⢃⢃⢃⢀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⢀⢀⢪⣿⢃⢂⢀[⠀/\ ]⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣪⢀⢂⢪⣯⢀⢀⢀⢆//////⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⢃⢀⢀⣿⢂⢂⢂⢂⢢⣿⢀⢀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀  ⢰⠁⠈⠁⠋⢋⢃⢇⢧⣧⣿⣿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸[⠀/\⠀]⢀⢀⢪⢪⣿⣇⢀⠀⠀⠀⠀⠀⠀  ⠀⠀______________________⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠃⢢⣢⣆⣦⣧⣦⣦⣦⣮⣧⣆⣀⠀⠀⠀⠀⠀   /⠀    +IM SO SORRY       |
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀//////⢂⢂⢂⢄⣆⢂⣪⢇⢁⢁⡀⠀⠀<       THIS TOOK SO LONG!    |⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⢰⣇⢆⢆⢆⢂⢆⢂⢂⣯⢇⢂⢠⣇⠀⠀⠀⠀⠀⠀-------------------------⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣪⢘⢇⢂⢂⢂⢂⢂⢂⢪⣯⢂⢀⢫⣇⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⢇⣪⢂⢂⢂⢂⢃⢂⢂⢪⣇⢂⢀⣯⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⣿⣧⢂⢂⢂⢂⢂⢂⢂⢀⣮⢇⢂⢰⣯⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⣿⣯⢂⢂⢂⢂⢂⢃⢃⢂⣯⢇⢀⢠⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣯⣿⣯ ⢂⢂⢂⢂⢂⢂⣂⢢⣇⢃⢀⣪ ⣯⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⢀⣿⢸⣿⣇ ⢂⢂⢂⢂⢂⢂⢂⢃⢇⣮⣇⢂ ⣿⣦⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀  ⠀⠀⠀⠀⠀⢀⣿⢃⣾  ⢇⢃⢇⢇⢃⢃⢃⢂⢂⣿⢇⢂⢊⣮ ⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀  ⠀⠀⠀⣾⠋⣾⠋ ⢀⢃⢇⢂⢂⢂⢂⢃⢪⣯⢃⢀⢪ ⣿ ⣿⠓⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⣴⡏  ⣮⡏⠀ ⣪⢆⢂⢂⢂⢂⢢⢆⢂⢪⣏⢂⢂⠁⣯⣿⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣿   ⣿⠂  ⢃⢆⢂⢂⢂⢂⢂⢂⢂⣯⢇⢂⢀⠀⣾⣧⣇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⠀⢸⣯⠀ ⢠⢃⢂⢂⢂⢂⢆⢂⢂⢂⢂⣯⢇⢀⢀ ⢰⣿⡟⣮⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣯⣄⣿⣿⠀⣮⣎⢇⣆⣆⣆⢂⢂⢂⢂⢪⣏⢃⢀⢀  ⣾⣿⠀⣿⣇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢀⣦⣦⣦⣤⣤⣀⠀⠀⠀⠀⠀⣿⣿⢉⣿⣿⢇⣣⣧⣧⣇⣇⣆⢇⢂⢮⣇⣆⢆⣾⣇⣯⣤⣿⣦⣤⣤⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⣰⣿⣿⣿⣿⣿⣿⣿⣿⣿⣤⣶⣿⣿⣧⣿⣿⣿⣇⣯⣇⣇⣏⣧⣇⣆⢂⣯⣇⢂⢢⣿⣿⢿⠋⢋⢣⣇⣯⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⣦⣦⣮⣮⢏⢃⢃⣇⣇⣧⣧⣇⣅⢫⠋⢫⣿⣿⣿⣿⣯⣯⣿⣿⣿⣿⣿⣿⣿⣿⣿⣧⣧⣦⣮⣇⢄⣇⣇⣇⣇⣧⣿⣿⣦⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⢠⣯⣯⣧⣦⣿⣿⢏⢏⢫⢋⢃⣯⣇⢪⠀⢀⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢣⣧⣦⣾⣿⣿⣫⣧⣾⣏⣯⣦⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢈⢪⣏⣇⣇⢇⣇⣇⢇⢃⢂⢂⣮⣇⣮⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣧⣯⣏⢋⢁⢣⣮⣮⣿⣷⣦⣤⣀⠀
we love u swordsmachine. Anyways yeah look around if you like something take it idc

one of these is the circular text code, another is an uptime counter I got too lazy to use.
https://codepen.io/mohamedsaid7102/pen/abKrevV
https://codepen.io/anuar_ars/pen/ZwXvjW

god bless this code for getting the webamp skin set up https://sambaneko.neocities.org/webamp

-->
<!DOCTYPE html>
<html lang="en">
    <head><link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap" rel="stylesheet">
        <link href='http://fonts.googleapis.com/css?family=Josefin+Sans:300|Roboto' rel='stylesheet' type='text/css'>
        <script src="https://unpkg.com/webamp@1.4.0/built/webamp.bundle.min.js"></script>
        <meta charset="UTF-8"/>
        <title>Your Heart Rate is Two-Hundred and Twenty-Six Beats Per Minute</title>
         <link href="/styles.css" rel="stylesheet" type="text/css" media="all">
         <link rel="apple-touch-icon" sizes="180x180" href="https://your-heart-rate-is-226bpm.neocities.org/images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://your-heart-rate-is-226bpm.neocities.org/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://your-heart-rate-is-226bpm.neocities.org/images/favicon-16x16.png">
<link rel="manifest" href="https://your-heart-rate-is-226bpm.neocities.org/images/site.webmanifest">
<link rel="stylesheet" href="https://jack-dawlia.neocities.org/page/shrines/ultrakill/ULTRARING/onionring.css">
        <script src="https://chattable.neocities.org/scripts/main.min.js"></script>
        <script src="REDclick.js"></script>
        <link rel="stylesheet" href="https://jack-dawlia.neocities.org/page/shrines/ultrakill/ULTRARING/onionring.css">
        <link rel="stylesheet" href="wearerobotswebampskin.css"/>
        <link rel="stylesheet" href="wearerobotswebampskin2.css"/>
        <meta name="viewport" content="width=device-width, initial-scale=1" /> 
        <link href="/styles.css" rel="stylesheet" type="text/css" media="all">
        <link href="/elements.css" rel="stylesheet"> 
       <style>
           body {
               
                 cursor: url(https://files.catbox.moe/4f3h45.png), default;
                ;
              
              
               z-index: -90;
               
           }
           @font-face {
               font-family: "mydih";
                   src: 
           }

           
           a {
               color: deeppink; 
               text-decoration: underline;
               cursor: url(https://files.catbox.moe/7rjcuz.png), pointer;
           }
           a:hover {
               color: black;
           }
        
           details {
               font-size: 12px;
            
           }
           
           details[open] > summary {
  list-style-type: '♥ ---';
}
           
           summary {
               font-size: 18px;
               list-style-type: ' ♡ --- ';
           }
           
           
           ::marker {
  color: deeppink;
  font-size: 13px;
                
}
           .contain {
               margin: 0 auto;
               position: relative; z-index: 0;
               width: 858px;
               height: auto;
           }
           #bag{
                width: 589px;
               height: 729px;
               position: absolute; z-index: -3; top: 1px; margin-left: 202px; 
           }
           
.parent {
    display: grid;
    grid-template-columns: 290px 246px 3px 107px 90px 194px;
    grid-template-rows: 64px 204px 200px 214px 112px 3px 5px ;
    gap: 11px; position: relative; z-index: 21; margin: 0 auto;
}
    
.div1 {
    grid-column: span 4 / span 4;
    background-color: #000000;
}

.div2 {
    grid-row: span 3 / span 3;
    grid-column-start: 6;
    grid-row-start: 2;
    background-color: #ffffff;
    position: relative; z-index: 30;
   height: 718px; width: 207px; 
}

.div3 {
    grid-column-start: 1;
    grid-row-start: 4;
    background-color: rgba(255, 255, 255, 0);
}

.div4 {
    grid-column: span 3 / span 3;
    grid-column-start: 1;
    grid-row-start: 2;
    background-color: #ffffff;
}
           .div4 img {
               height: 13px;
               width: 103px;
               mix-blend-mode: luminosity;
                filter: brightness(1.6);
           }

.div5 {
    grid-row-start: 4;
    background-color: rgba(127, 255, 212, 0);
    margin-top: -84px; margin-left: 97px;
    text-shadow:
   -1px -1px 0  #000,  
    1px -1px 0  #000,
    -1px 1px 0  #000,
     1px 2px 0 #000; 
    position: relative; z-index: 4;
  
}

.div6 {
    grid-column: span 3 / span 3;
    grid-row-start: 5;
    background-color: #000000;
    width: 490px; margin-left: 284px; height: 76px;
}

.div7 {
    display: none;
    grid-column: span 6 / span 6;
    grid-row-start: 6;
    background-color: #ffffff;
}
           
       .circle {
  --width: 239px;
  --height: 239px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--width, 200px);
  height: var(--height, 200px);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.logo {
  position: absolute;
  background-color: rgba(255, 255, 255, 0);

  width: 150px; /** Fallback */
  height: 150px; /** Fallback */
  width: calc(var(--width, 350px) - (var(--width, 350px) * 0.25));
  height: calc(var(--height, 350px) - (var(--height, 350px) * 0.25));
  border-radius: 100%;
    z-index: 3;
}

.text {
  position: absolute;
  width: 100%; font-family:  Arial, Helvetica, sans-serif;
  height: 100%; font-size: 21px; 
  animation: rotateText 10s linear infinite;
  -webkit-animation: rotateText 19s linear infinite;
    color: deeppink; font-weight: 900;
     /*background: radial-gradient(circle,rgba(0, 255, 255, 0) 40%, rgba(0, 255, 100, .8) 55%, rgba(148, 187, 233, 0) 65%)*/;
}
           mark{
               background-color: black;
           }

.text .char {
  position: absolute;
  left: 50%;
  font-size: 1.1em;
  transform-origin: 0 calc(var(--width, 350px) / 2);
}

@media (min-width: 500px) {
  .text .char {
    font-size: 1.4em;
  }
}

@keyframes rotateText {
  0% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
}

@media (max-width: 500px) {
  .circle {
    --width: 300px;
    --height: 300px;
  }
}
@media (max-width: 350px) {
  .circle {
    --width: 373px;
    --height: 427px;
  }

  .text .char {
    font-size: 1.2em;
  }
}
@media (max-width: 230px) {
  .circle {
    --width: 150px;
    --height: 150px;
  }

  .text .char {
    font-size: 0.4em;
  }
}
    
           /*A vast majority of this styling comes from 98.css code, if you're making a full windows 98 theme, I suggest you use the stylesheet this is sourced from - https://jdan.github.io/98.css/ */

           
.title-bar-controls button {
border:none;
border-radius:0;
box-sizing:border-box;
color:transparent;
min-height:23px;
min-width:72px;
padding:0 12px;
text-shadow:0 0 #222;
}

.title-bar-controls button {
background: white;
box-shadow:inset -1px -1px #0a0a0a, inset 1px 1px #fff, inset -2px -2px grey, inset 2px 2px #dfdfdf;
}

.title-bar-controls button:not(:disabled):active {
box-shadow:inset -1px -1px #fff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px grey;
text-shadow:1px 1px #222;
}

@media (not(hover)){
button:not(:disabled):hover {
box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px grey}
}

.title-bar-controls button:focus {
outline:1px dotted #000;
outline-offset:-4px;
}

.title-bar-controls button::-moz-focus-inner { border:0 }
    
@font-face {
font-family: "Pixelated MS Sans Serif";
src: url("https://files.catbox.moe/1za99g.woff") format("woff");
src: url("https://files.catbox.moe/8fwbkl.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}   

.window, .title-bar {
font-family: "Pixelated MS Sans Serif", Arial;
-webkit-font-smoothing: none;
font-size: 11px;
}

.window {
    border: 2px inset transparent;
    border-image: linear-gradient(129deg,rgba(255, 0, 166, 1) 0%, rgba(255, 225, 0, 1) 18%, rgba(81, 255, 0, 1) 39%, rgba(0, 212, 255, 1) 60%, rgba(17, 0, 255, 1) 80%, rgba(255, 0, 242, 1) 100%) 1;
   /* box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #000000, inset -2px -2px #323232, inset 2px 2px #ffffff;*/
/*background: linear-gradient(129deg,rgba(255, 0, 166, 0.12) 1%, rgba(255, 225, 0, 0.13) 18%, rgba(81, 255, 0, 0.12) 39%, rgba(0, 212, 255, 0.12) 60%, rgba(17, 0, 255, 0.11) 80%, rgba(255, 0, 242, 0.1) 100%);*/
color:#000;
padding: 3px;
width:100%;
    height: 100%;
  
}

.title-bar {
background: #ff00a6;
background: linear-gradient(90deg,rgba(255, 0, 166, 1) 1%, rgba(255, 225, 0, 1) 18%, rgba(81, 255, 0, 1) 39%, rgba(0, 212, 255, 1) 60%, rgba(17, 0, 255, 1) 80%, rgba(255, 0, 242, 1) 100%);
padding: 3px 2px 3px 3px;
display: flex;
justify-content: space-between;
align-items: center;
}

.title-bar-text {
font-weight: bold;
/*color: red;*/
    color: white;
    text-shadow:
   -1px -1px 0 black,  
    1px 1px 0 black,
    -1px 1px 0 black,
     1px 1px 0 black;
            ;
letter-spacing: 1px;
margin-right: 13px;
}
          

.title-bar-controls {
display: flex;
}

.title-bar-controls button {
padding: 0;
display: block;
min-width: 16px;
min-height: 14px;
}

.title-bar-controls button:active {
padding: 0;
}

.title-bar-controls button:focus {
outline: none;
}

.title-bar-controls button[aria-label=Minimize]{
background-image:url("https://raw.githubusercontent.com/jdan/98.css/main/icon/minimize.svg");
background-position:bottom 3px left 4px;
background-repeat:no-repeat
}

.title-bar-controls button[aria-label=Maximize]{
background-image:url("https://raw.githubusercontent.com/jdan/98.css/4a2282dd9170cabf730fb5803d1153d86b2e94e3/icon/maximize.svg");
background-position:top 2px left 3px;
background-repeat:no-repeat;
}

.title-bar-controls button[aria-label=Close]{
background-image:url("https://raw.githubusercontent.com/jdan/98.css/main/icon/close.svg");
background-position:top 3px left 4px;
background-repeat:no-repeat;
margin-left:2px;
}

.window-body {
margin: 5px;
    
}
           .fieldset {
border:1px gray solid;
box-shadow: white 1px 1px 0px inset, white 1px 1px 0px, white 0px 1px 0px, white 1px 0px 0px;
margin:0;
padding:0px 7px;;
height: 100%; 
               
}
           

#cbox {
    left: 126px;
    bottom: -577px;
    z-index: 9999;
background: #ffa6e0;
background: linear-gradient(138deg,rgba(255, 166, 224, 1) 1%, rgba(255, 240, 122, 1) 18%, rgba(187, 255, 156, 1) 39%, rgba(158, 239, 255, 1) 60%, rgba(174, 168, 255, 1) 80%, rgba(255, 166, 251, 1) 100%);
    position: fixed;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
     border: 4px inset transparent;
    border-image: linear-gradient(129deg,rgba(255, 0, 166, 1) 0%, rgba(255, 225, 0, 1) 18%, rgba(81, 255, 0, 1) 39%, rgba(0, 212, 255, 1) 60%, rgba(17, 0, 255, 1) 80%, rgba(255, 0, 242, 1) 100%) 1;
    border-top-left-radius: 0px;
    border-top-right-radius: 1px;
    box-shadow: 0px 0px 0px 3px #ffffff;
}

#cbox:hover {
    bottom: 30px;
}
    
#cboxtitle {
    width: 244px;
    height: -66px;
    background-color: #000000;
    padding: 14px 17px 16px 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    font-size: 23px;
    font-family: "Pixelated MS Sans Serif", Arial;
    font-weight: 778;
    letter-spacing: 3px;
    color: white;
    text-shadow: 1px 1px 1px #00ff72;
    text-transform: uppercase;
}

#cboxdesc {
    width: 250px;
    height: 40px;
    padding: 5px;
    background-color: #ffffff;
    overflow: auto;
   font-family: "Pixelated MS Sans Serif", Arial;
    font-size: 12px;
    text-align: justify;
    letter-spacing: 1px;
    color: #000000;
}
          /* .decotext {
               position: absolute; z-index: -4;
      width: 252px; height: 654px; margin-left: -373px;  margin-top: -895px; letter-spacing: -81px; font-family: 'Times New Roman';
           }*/
          .decotext {
               position: absolute; z-index: -4; transform: rotate(90deg);
      width: 98px; height: 681px; margin-left: -97px;  margin-top: -875px; letter-spacing: -81px; font-family: 'Times New Roman'; }
              
             ::-webkit-scrollbar {
      width: 15px;
    }

    ::-webkit-scrollbar:horizontal {
      height: 10px;
    }

    ::-webkit-scrollbar-corner {
      background: #eee;
    }

    ::-webkit-scrollbar-track:vertical {
      background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
    }

    ::-webkit-scrollbar-track:horizontal {
      background: linear-gradient(180deg, #e5e5e5, #f0f0f0 20%);
    }

    ::-webkit-scrollbar-thumb {
      border: 1.5px solid #888;
      border-radius: 3px;
      box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;
      background-color: #eee;
    }

    ::-webkit-scrollbar-thumb:vertical {
      background: url("https://i.imgur.com/bfyvjnx.png") no-repeat 50%, linear-gradient(90deg, #eee 45%, #ddd 0, #bbb);
    }

    ::-webkit-scrollbar-thumb:horizontal {
      background: url("https://i.imgur.com/tqe4SxM.png") no-repeat 50%, linear-gradient(180deg, #eee 45%, #ddd 0, #bbb);
    }

    ::-webkit-scrollbar-button:horizontal:end:increment,
    ::-webkit-scrollbar-button:horizontal:start:decrement,
    ::-webkit-scrollbar-button:vertical:end:increment,
    ::-webkit-scrollbar-button:vertical:start:decrement {
      display: block;
    }

    ::-webkit-scrollbar-button:vertical {
      height: 17px;
        
    }

    ::-webkit-scrollbar-button:vertical:start:decrement {
      background: white;
      background-image: url("https://i.imgur.com/EFnEMEb.png");
      background-repeat: no-repeat;
      background-position: center;
      -moz-background-size: cover;
      -webkit-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    ::-webkit-scrollbar-button:vertical:start:increment {
      display: none;
    }

    ::-webkit-scrollbar-button:vertical:end:decrement {
      display: none;
    }

    ::-webkit-scrollbar-button:vertical:end:increment {
      background: white;
      background-image: url("https://i.imgur.com/xuIt6Lc.png");
      background-repeat: no-repeat;
      background-position: center;
      -moz-background-size: cover;
      -webkit-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
           

           
           #226content {
               height: 157px;
               overflow-y: scroll;
           }
           
           @keyframes runningOne{
    0%   { transform: translateX(0%); }
    100% { transform: translateX(calc(-100%)); }
}
@keyframes runningTwo{
    0%   { transform: translateX(-100%); }
    100% { transform: translateX(calc(0%)); }
}
@keyframes blink{
    0%   { transform: translateX(100%); }
    100% { transform: translateX(calc(-120%)); }
}
.marquee-container{
    width:100%;
    height: 36px;
    background-color: #0d0d0d;
    color: white; font-size: large;
    overflow: hidden;
    white-space: nowrap;
    margin-top: -6px; margin-bottom: 4px;
    display: flex; flex-direction: column;
}
.marquee{
    display: inline-flex;
    margin: 0;
    min-width: 100%;
    will-change: transform;
    display: inline-flex;
    white-space: nowrap;
}
.marquee > span{
    padding-right: 0.5rem;
    animation: runningOne 16s linear infinite;
}
.marqueeRight{
    display: inline-flex;
    margin: 0;
    min-width: 100%;
    will-change: transform;
    display: inline-flex;
    white-space: nowrap;
}
.marqueeRight > span{
    padding-right: 0.5rem;
    animation: runningTwo 5s linear infinite;
}
@keyframes blink{
    0%   { transform: translateX(70%); }
    100% { transform: translateX(calc(-100%)); }
}
@keyframes blink1{
    0%   { transform: translateX(30%); }
    50% { transform: translateX(calc(-80%)); }
    100% { transform: translateX(calc(30%)); }
}
#runTamps{
    position:absolute;
    margin-bottom: 5px;
    display:inline-flex;
    mask-repeat: repeat-x;
    /*animation: blink1 20s infinite linear;*/
}
#runStamps{
    position:absolute;
    margin-bottom: 5px;
    bottom: 0;
    height: 55px;
    display:inline-flex;
    mask-repeat: repeat-x;
    animation: blink 10s infinite linear;
}
           #butons img {
               height: 26px; width: 55px; mix-blend-mode: luminosity; filter: brightness(1.3);
           }
           
           #butons2 img {
                height: 32px; width: 73px; mix-blend-mode: luminosity; filter: brightness(1.3);
           }
               
    
           @media screen and (max-width: 934px) {
               
               .parent {
    display: grid;
    grid-template-columns: 290px 246px 3px 107px 3px 7px;
    grid-template-rows: 66px 204px 200px 214px 112px 3px 5px ;
    gap: 11px; position: relative; z-index: 21; margin: 0 auto;
}
    

.div2 {
    display: none;
}
               .contain {
               margin: 0 auto;
               position: relative; z-index: 0;
               width: 788px;
               height: 1480px;
           }
               
           
               .div7 {
                 display: block;
                   height: 608px; width: 409px; margin-left: 50%;
                  
               }
                body {
           background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 22%, rgba(255, 232, 248, 1) 31%, rgba(255, 187, 232, 1) 37%, rgba(255, 166, 224, 1) 38%, rgba(255, 240, 122, 1) 47%, rgba(187, 255, 156, 1) 66%, rgba(158, 239, 255, 1) 74%, rgba(174, 168, 255, 1) 91%, rgba(255, 166, 251, 1) 100%);
               }
              #cbox {
                  position: absolute; width: 266px; 
    left: 34px;
    bottom: -798px;
    z-index: 0;
background: #ffa6e0;
background: linear-gradient(138deg,rgba(255, 166, 224, 1) 1%, rgba(255, 240, 122, 1) 18%, rgba(187, 255, 156, 1) 39%, rgba(158, 239, 255, 1) 60%, rgba(174, 168, 255, 1) 80%, rgba(255, 166, 251, 1) 100%);
    
     border: 4px inset transparent;
    border-image: linear-gradient(129deg,rgba(255, 0, 166, 1) 0%, rgba(255, 225, 0, 1) 18%, rgba(81, 255, 0, 1) 39%, rgba(0, 212, 255, 1) 60%, rgba(17, 0, 255, 1) 80%, rgba(255, 0, 242, 1) 100%) 1;
    border-top-left-radius: 0px;
    border-top-right-radius: 1px;
    box-shadow: 0px 0px 0px 3px #ffffff;
}
       #cbox:hover {
    bottom: -664px;
}        

                 .circle {
  --width: 250px;
  --height: 250px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--width, 200px);
  height: var(--height, 200px);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.logo {
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  
  width: 150px; /** Fallback */
  height: 150px; /** Fallback */
  width: calc(var(--width, 350px) - (var(--width, 350px) * 0.25));
  height: calc(var(--height, 350px) - (var(--height, 350px) * 0.25));
  border-radius: 100%;
    z-index: 3;
}

.text {
    font-family: Arial, Helvetica ;
  position: absolute; font-size: 27px;
  width: 106%;
  height: 100%;
  animation: rotateText 10s linear infinite;
  -webkit-animation: rotateText 19s linear infinite;
    color: deeppink; font-weight: 700; 
    /*background: radial-gradient(circle,rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .8) 65%, rgba(148, 187, 233, 0) 70%);*/
}
           
           }           
        </style>
    </head>
    <body>
        <div class="contain">
<div class="parent">
    <div class="div1">
     <div class="window">
<div class="title-bar">
<div class="title-bar-text">AE_OM's Marquee  </div>
<div class="title-bar-controls">
<button aria-label="Minimize"></button>
<button aria-label="Maximize"></button>
<button aria-label="Close"></button>
</div>
</div>
<div class="window-body">
<div class = "marquee-container">
            <div class = "marquee">
                <span id = "runningCheese">HAL HAL HAL HAL HAL HAL HAL HAL HAL HAL HAL HAL HAL HAL HAL HAL HAL HAL HAL HALHAL HAL HAL HAL HAL HAL HAL HAL</span>
                <span id = "runningCheese1">HAL HAL HAL HAL HAL HAL HAL HAL HAL HAL HAL HAL HAL HAL HAL HAL HAL HAL HAL HALHAL HAL HAL HAL HAL HAL HAL HAL</span>
            </div>
            <div class = "marquee">
                <span id = "runningAug">WHY DID THIS TAKE SO LONG!!!!!!!1 WHY DID THIS TAKE SO LONG!!!!!!!1 WHY DID THIS TAKE SO LONG!!!!!!!1 WHY DID THIS TAKE SO LONG!!!!!!!1 WHY DID THIS TAKE SO LONG!!!!!!!1 WHY DID THIS TAKE SO LONG!!!!!!!1 WHY DID THIS TAKE SO LONG!!!!!!!1</span>
                <span id = "runningAug1">WHY DID THIS TAKE SO LONG!!!!!!!1 WHY DID THIS TAKE SO LONG!!!!!!!1 WHY DID THIS TAKE SO LONG!!!!!!!1 WHY DID THIS TAKE SO LONG!!!!!!!1 WHY DID THIS TAKE SO LONG!!!!!!!1 WHY DID THIS TAKE SO LONG!!!!!!!1 WHY DID THIS TAKE SO LONG!!!!!!!1 </span>
            </div>
        </div>
    
</div>
</div>
    </div>
    <div class="div2">
    <div class="window">
<div class="title-bar">
<div class="title-bar-text">Content</div>
<div class="title-bar-controls">
<button aria-label="Minimize"></button>
<button aria-label="Maximize"></button>
<button aria-label="Close"></button>
</div>
</div>
<div class="window-body">
   <div class="fieldset">
       <div id='ultraring'>
<script type="text/javascript" src="https://jack-dawlia.neocities.org/page/shrines/ultrakill/ULTRARING/onionring-variables.js"></script>
<script type="text/javascript" src="https://jack-dawlia.neocities.org/page/shrines/ultrakill/ULTRARING/onionring-widget-2.js"></script>
<noscript>
This site is part of <a href="https://jack-dawlia.neocities.org/page/shrines/ultrakill/ULTRARING">ULTRARING</a>!
</noscript>
</div>
          
    </div>
    <br>
<div id="226content" class="fieldset">
<h1>226 content</h1>
    <details>
    <summary> Gallery TODD</summary>
        <p>stands for gallery traditional to digital, but I spelt it wrong so instead of  TTOD its TODD. Never bothered changing it, I feel its a perfect show of my novice while I was starting out. These were the first things my website containted and was created to host! These are first in line for re-do.</p> 
        <a href="TODDscans1.html"><p>TODD scans 1</p></a>
        <a href="TODDscans2.html"><p>TODD scans 2</p></a>
        <a href="TTODred.html"><p>TODD scans RED</p></a>
        <a href="TTODyellow.html"><p>TODD scans YELLOW</p></a>
        <a href="TTODscansPRELUDE.html"><p>TODD scans Prelude</p></a>
    </details>
    <details>
    <summary> Gallery </summary>
        <p>Specialized, fandom-themed works all in one place.</p> <a href="sheerheartattack.html"><p>(18+) Sheer Heart Attack</p></a>
        <a href="2wordmachine2aturnday6.html"><p>SwordsMachine Saturnday</p></a>
        <a href="UltraShitArchive.html"><p>U.S.A (UltraShit Archive)</p></a>
        <a href="GOBB.html"><p>Garten Of BanBan</p></a>
    </details>
    <details>
    <summary> Indexes</summary>
        <p>One-stop-shop for world-building infodumps. These are second in line for re-do. Also dumping the legacy indexes here, just in case you want to see how this site has evolved over time.</p> 
        <p><a href="Terminal.html">Terminal</a> --Ultrakill AU info </p>
        <p><a href="CVC-INDEX.html">Creator Vs Creation</a> Rare original work </p>
        
    </details>
    <details>
    <summary>Writings</summary>
        <p>A neglected hobby of mine, but still give my stuff a shot! I work with style&gt;substance in mind lol. </p> 
        <p><a href="https://your-heart-rate-is-226bpm.neocities.org/MalDeMerEXODUS">Mal De Mer</a> Ultrakill AU V2xFxFxFxF fic. Inspired by my 4 rocks and a stick of butter comic</p>
        <p><a href="SWxSM.html">CHEESE</a> Ultrakill AU Swordsmachine/Streetwelder fic that will never be finished, but is still a fun ride.</p>
        <p><a href="Story1.html">Indifferent</a> A short and sweet school assignment that I'm proud of. </p>
    </details>
    <details>
    <summary>Comics</summary>
        <p>UltraNeglected hobby, but with tons of content. Hang in there, big things comming.</p>
        <p><a href="RAREBiT/rarebit-1.5/MIYIindex.html">MIYI</a> UltraKill swordsmachine-focused AU</p>
        <p><a href="Tradblue1.html">TradBlue1</a> UltraKill swordsmachine OCs fucking around; short and sweet and absolutely incomprehensible.</p>
        <p><a href="4-Rocks-And-A-Stick-Of-Butter.html">4RAASOB</a> No spoilers. Go read it. Short and sweet.</p>
        <p><a href="CVC-CS-1.html">Creator Vs Creation:Creation Chronicles</a> Original content that is genuine buns</p>
        <p><a href="WTTVIH-IS.html">Welcome to the VioIro Hospital: Idiot shorts</a> Original content that is genuine buns but on purpose</p>
        <p><a href="WTTVIH-TFOYL.html">Welcome to the VioIro Hospital: the fruits of your labour prelude</a> Original content that is genuine buns</p>
        
    </details>
    <details>
        <summary>
            Videos
            </summary>
        <p><a href="videos.html">Video Tab</a> Contains ultrakill related slop.</p>
        </details>
</div>
    <br>
    <div class="fieldset">
<h1>226 extras</h1>
        <details>
        <summary>
            About
            </summary>
            <p><a href="loadout.html">About</a> Re-Do is DONE! check it out!</p>
        </details>
       
        
        <details>
        <summary>
            Contact
            </summary>
            <p><a href="#">discord: </a> 226hbpm</p>
            <p><a href="mailto:heartrate226bpm@protonmail.com">Email</a> me!</p>
            <p><a href="https://your-heart-rate-is-226bpm.atabook.org/?page=1">Guestbook</a> couldnt find room on the page to add this lol</p>
        </details>
</div>
    <br>
    <div class="fieldset">
<h1>Updates</h1>
        <div class="fieldset" style="color:deeppink; height: 100px; overflow-y: scroll;"><p>+omg its been three months. +SWORDSSATURNDAY and USA DRAWLINGS! -6/26/2026</p><p>+NEW SWORDSMACHINE SATURNDAY-3/14/15</p><p>+ULTRAPORN-3/14/15</p><p>+New Index and New USA, Enjoy! -1/1/2026</p><p>+1 year older -1/30/2026</p></div><br>
</div>
    <br>
     <div id="butons" class="fieldset"><a href="tur11ngery.neocities.org"><img src="https://tur11ngery.neocities.org/button.png"></a><a href='https://ae-om.neocities.org' target='_blank'><img src='https://ae-om.neocities.org/imgs/buttons/AE_OM_CHEESE.png'></a><a href='https://ae-om.neocities.org' target='_blank'><img style="mix-blend-mode: darken;" src='https://files.catbox.moe/oa6ac8.png'></a>
                    <a href="https://bundleofstyx.neocities.org/" target="_blank"><img src="https://bundleofstyx.neocities.org/images/buttons/bundleofstyx.gif" alt="Bundleostyx button"></a>
                    <a href="https://s1nez.nekoweb.org/"><img src="https://s1nez.nekoweb.org/BUTTON.gif"></a>
                    <a href="https://jack-dawlia.neocities.org/page/home"><img src="https://jack-dawlia.neocities.org/image/jack-dawlia.gif"></a>
                    <a href="https://ewpert.neocities.org"><img src="https://64.media.tumblr.com/203ffb134d0e9aafa9b6f2ef52968cb2/27ae4f9d174f6b2e-21/s100x200/bb1f01d26592ad6aaa0ec74a877b2ed74a2d1e72.pnj"></a><a href="https://blahajcool.neocities.org"><img src="https://your-heart-rate-is-226bpm.neocities.org/blahaj%20cool.jpg"></a>
                    <a href="https://musi-solete.neocities.org/"><img src="https://your-heart-rate-is-226bpm.neocities.org/about/newbadge.png"></a>
<a href="https://blitzesblu.casa"><img src="https://blitzesblu.casa/blitzz.png"></a>   
<a href="https://riifle.neocities.org"> <img style="margin-left: -3px;" src="https://riifle.neocities.org/rifle.png"></a>
<a href="https://ultrakill.nekoweb.org"><img src="https://file.garden/ZkRD3wbiZDsBIZnn/solbutton.png" title="click to discover the meaning of life! (ultrakill)" alt="ultrakill.nekoweb.org button" style="border:1px solid black;"></a>
                    <a href="https://insidetheflesh.nekoweb.org/"><img src="https://your-heart-rate-is-226bpm.neocities.org/about/button.png"></a>
 <a href="https://akuwarai.nekoweb.org"><img src="https://file.garden/ZhXzC_0LnAea8sDS/akuwarai.png"></a>
            <a href="https://cathaks.nekoweb.org"><img src="https://cathaks.nekoweb.org/images/buttons/sitebutton.png" alt="cathaks' voidway" style="image-rendering: pixelated;"></a>
    <!-- <a href="https://wolfsbane.nekoweb.org"> <img class="button" src="https://wolfsbane.nekoweb.org/gifsorimages/button.png"></a> -->
    </div>
</div>
</div>
    </div>
    <div class="div3">
     <div style="position:absolute; bottom:257px; left:132px;  " > <!-- Hey~ like my music player? thanks! me too. you can learn how to get one for yourself at https://dokode.moe/blogs/howto-winamp ! Got to the museum! theres so many!! 
https://skins.webamp.org/skin/7197204e973e3b635cc7ebbd586e911c/Lucifer.wsz/
https://skins.webamp.org/skin/c10a16209bf03a229bde9fb318668c19/SONY_MPfx3_Nick77.wsz/
-->
	<div id="winamp-container"></div>
    <script>
const Winamp = window.Webamp;
// All configuration options are optional.
const webamp = new Webamp({
    // Optional.
    initialTracks: [
        {
            metaData: {
                artist: "rey hunter",
                title: "BLOODY TAXES ///",
            },
            url: "https://files.catbox.moe/emv6iq.mp3",
        },
        
      ],
});
webamp.renderWhenReady(document.getElementById('winamp-container'));
</script>
</div>
    </div>
    <div class="div4">
     <div class="window">
<div class="title-bar">
<div class="title-bar-text">Blinkes</div>
<div class="title-bar-controls">
<button aria-label="Minimize"></button>
<button aria-label="Maximize"></button>
<button aria-label="Close"></button>
</div>
</div>
<div class="window-body">
<div class="fieldset">
<p><img src='https://your-heart-rate-is-226bpm.neocities.org/Junk/g39.gif'><img style="filter:grayscale(0)" src='https://your-heart-rate-is-226bpm.neocities.org/Junk/a5.gif'><img src='https://your-heart-rate-is-226bpm.neocities.org/Junk/html_incomp.gif'><img src='https://your-heart-rate-is-226bpm.neocities.org/Junk/v26.gif'>
                  <img src='https://your-heart-rate-is-226bpm.neocities.org/Junk/v55.gif'>
                  <img src='https://your-heart-rate-is-226bpm.neocities.org/Junk/g53.gif'>
                  <img src='https://your-heart-rate-is-226bpm.neocities.org/Junk/1e338c80.gif'>
                  <img src='https://your-heart-rate-is-226bpm.neocities.org/Junk/matryoshka.gif'>
                  <img src='https://your-heart-rate-is-226bpm.neocities.org/Junk/website_toxicwaste.gif'>
                  <img src='https://your-heart-rate-is-226bpm.neocities.org/Junk/v76.gif'>
                  <img src='https://your-heart-rate-is-226bpm.neocities.org/Junk/v13.gif'>
                  <img src='https://your-heart-rate-is-226bpm.neocities.org/Junk/sucklet.gif'>
                  <img src='https://your-heart-rate-is-226bpm.neocities.org/Junk/l4.gif'>
                  <img src="https://your-heart-rate-is-226bpm.neocities.org/Junk/fruity%20blinkie.gif">
                 <img src="https://your-heart-rate-is-226bpm.neocities.org/Junk/fishy.gif">
                  <img src="https://your-heart-rate-is-226bpm.neocities.org/Junk/g95.gif">
                  <img src="https://your-heart-rate-is-226bpm.neocities.org/Junk/d1.gif">
                  <img src="https://your-heart-rate-is-226bpm.neocities.org/Junk/g77.gif">
                  <img style="filter:grayscale(0)" src="https://your-heart-rate-is-226bpm.neocities.org/Junk/q9.gif">
                  <img src='https://your-heart-rate-is-226bpm.neocities.org/gifs/clicktoexplodeinstantly.gif'><img src='https://your-heart-rate-is-226bpm.neocities.org/Junk/W9dfZXc.gif'><img src='https://your-heart-rate-is-226bpm.neocities.org/Junk/k11.gif'><img src='https://your-heart-rate-is-226bpm.neocities.org/Junk/l8.gif'><img style="filter:grayscale(0)" src="https://your-heart-rate-is-226bpm.neocities.org/Junk/x2.gif"><a href="https://swordsgallery.nekoweb.org"><img class="prettys" style=" height: 66px; float: inline-end"  src="https://your-heart-rate-is-226bpm.neocities.org/gifs/swordsflickfix.gif"></a><img src="https://your-heart-rate-is-226bpm.neocities.org/Junk/vlinkiettest.gif">
             <img src="https://your-heart-rate-is-226bpm.neocities.org/Junk/h40.gif">
            <img src="https://your-heart-rate-is-226bpm.neocities.org/Junk/h2.gif">
            <img style="filter:grayscale(0)" src="https://your-heart-rate-is-226bpm.neocities.org/Junk/h12.gif">
            <img src="https://your-heart-rate-is-226bpm.neocities.org/Junk/30d9a6ce.gif">
            <img src="https://your-heart-rate-is-226bpm.neocities.org/Junk/q17.gif">
                <img src="https://your-heart-rate-is-226bpm.neocities.org/Junk/x37.gif">
                  <img src="https://your-heart-rate-is-226bpm.neocities.org/Junk/d94.gif">
                  <img src="https://your-heart-rate-is-226bpm.neocities.org/Junk/aacf02e9.gif">
                  <img src="https://your-heart-rate-is-226bpm.neocities.org/Junk/z6.gif">
                  <img src="https://your-heart-rate-is-226bpm.neocities.org/Junk/tumblr_pw0fjpXnLJ1wp4f5fo5_r1_250.gif">
                  <img src="https://your-heart-rate-is-226bpm.neocities.org/Junk/h37.gif">
                  <img src="https://your-heart-rate-is-226bpm.neocities.org/Junk/f60-1.gif">
                  <img src="https://your-heart-rate-is-226bpm.neocities.org/Junk/e6.gif">
                  <img src="https://your-heart-rate-is-226bpm.neocities.org/Junk/3.gif">
                  <img src="https://your-heart-rate-is-226bpm.neocities.org/Junk/l11.gif">
                  <img src="https://your-heart-rate-is-226bpm.neocities.org/Junk/tumblr_1b803b4532e37e4c3f9e17c360442782_ba4d73f3_250.gif">
    <img src="https://your-heart-rate-is-226bpm.neocities.org/Junk/ee.gif">
    <img src="https://your-heart-rate-is-226bpm.neocities.org/Junk/d88.gif">
    <img src="https://your-heart-rate-is-226bpm.neocities.org/Junk/v56.gif">
     <img src="https://your-heart-rate-is-226bpm.neocities.org/Junk/v81.gif"></p>
</div>
    
</div>
</div></div>
    <div class="div5">
         
   <div class="circle">
  <div class="logo"></div>
  <div class="text" id="image-text" >
   <p><mark>Still Beating ❤︎ Still Beating ❤︎</mark></p>
      <script>
const text = document.getElementById("image-text");
text.innerHTML = text.innerText
  .split("")
  .map(
    (char, i) =>
      `<span class="char" style="transform: rotate(${
        i * 10.5
      }deg);">${char}</span>`
  )
  .join("");

      
      </script>
  </div>
</div>
        
    </div>
    <div class="div6">
     <div class="window">
<div class="title-bar">
<div class="title-bar-text">happy pride :3</div>
<div class="title-bar-controls">
<button aria-label="Minimize"></button>
<button aria-label="Maximize"></button>
<button aria-label="Close"></button>
</div>
</div>
<div class="window-body">
<div class="fieldset" style="color:white">
<p>Just wanted an exuse to return to eyestrain. im gay. sign my <a href="https://your-heart-rate-is-226bpm.atabook.org/?page=1">guestbook</a>!!!! </p>
</div>
    <br>
         </div>
</div>
    </div>
    <div class="div7">
     <div class="window">
<div class="title-bar">
<div class="title-bar-text">Content</div>
<div class="title-bar-controls">
<button aria-label="Minimize"></button>
<button aria-label="Maximize"></button>
<button aria-label="Close"></button>
</div>
</div>
<div class="window-body">
   <div class="fieldset">
          
    </div>
    <br>
<div  class="fieldset">
<h1>226 content</h1>
    <details>
    <summary> Gallery TODD</summary>
        <p>stands for gallery traditional to digital, but I spelt it wrong so instead of  TTOD its TODD. Never bothered changing it, I feel its a perfect show of my novice while I was starting out. These were the first things my website containted and was created to host! These are first in line for re-do.</p> 
        <a href="TODDscans1.html"><p>TODD scans 1</p></a>
        <a href="TODDscans2.html"><p>TODD scans 2</p></a>
        <a href="TTODred.html"><p>TODD scans RED</p></a>
        <a href="TTODyellow.html"><p>TODD scans YELLOW</p></a>
        <a href="TTODscansPRELUDE.html"><p>TODD scans Prelude</p></a>
    </details>
    <details>
    <summary> Gallery </summary>
        <p>Specialized, fandom-themed works all in one place.</p> 
        <a href="sheerheartattack.html"><p>(18+) Sheer Heart Attack</p></a>
        <a href="2wordmachine2aturnday6.html"><p>SwordsMachine Saturnday</p></a>
        <a href="UltraShitArchive.html"><p>U.S.A (UltraShit Archive)</p></a>
        <a href="GOBB.html"><p>Garten Of BanBan</p></a>
    </details>
    <details>
    <summary> Indexes</summary>
        <p>One-stop-shop for world-building infodumps. These are second in line for re-do. Also dumping the legacy indexes here, just in case you want to see how this site has evolved over time.</p> 
        <p><a href="Terminal.html">Terminal</a> --Ultrakill AU info </p>
        <p><a href="CVC-INDEX.html">Creator Vs Creation</a> Rare original work </p>
        <p><a href="2025index.html">2025 index</a> evil gothic-slop index </p>
        <p><a href="legacyindex.html">2024 index</a> original vomit-slop index </p>
    </details>
    <details>
    <summary>Writings</summary>
        <p>A neglected hobby of mine, but still give my stuff a shot! I work with style&gt;substance in mind lol. </p> 
        <p><a href="https://your-heart-rate-is-226bpm.neocities.org/MalDeMerEXODUS">Mal De Mer</a> Ultrakill AU V2xFxFxFxF fic. Inspired by my 4 rocks and a stick of butter comic</p>
        <p><a href="SWxSM.html">CHEESE</a> Ultrakill AU Swordsmachine/Streetwelder fic that will never be finished, but is still a fun ride.</p>
        <p><a href="Story1.html">Indifferent</a> A short and sweet school assignment that I'm proud of. </p>
    </details>
    <details>
    <summary>Comics</summary>
        <p>UltraNeglected hobby, but with tons of content. Hang in there, big things comming.</p>
        <p><a href="RAREBiT/rarebit-1.5/MIYIindex.html">MIYI</a> UltraKill swordsmachine-focused AU</p>
        <p><a href="Tradblue1.html">TradBlue1</a> UltraKill swordsmachine OCs fucking around; short and sweet and absolutely incomprehensible.</p>
        <p><a href="4-Rocks-And-A-Stick-Of-Butter.html">4RAASOB</a> No spoilers. Go read it. Short and sweet.</p>
        <p><a href="CVC-CS-1.html">Creator Vs Creation:Creation Chronicles</a> Original content that is genuine buns</p>
        <p><a href="WTTVIH-IS.html">Welcome to the VioIro Hospital: Idiot shorts</a> Original content that is genuine buns but on purpose</p>
        <p><a href="WTTVIH-TFOYL.html">Welcome to the VioIro Hospital: the fruits of your labour prelude</a> Original content that is genuine buns</p>
        
    </details>
    <details>
        <summary>
            Videos
            </summary>
        <p><a href="videos.html">Video Tab</a> Contains ultrakill related slop.</p>
        </details>
</div>
    <br>
    <div class="fieldset">
<h1>226 extras</h1>
        <details>
        <summary>
            About
            </summary>
            <p><a href="loadout.html">About</a> Re-Do is DONE! check it out!</p>
        </details>
       
        
        <details>
        <summary>
            Contact
            </summary>
            <p><a href="#">discord: </a> 226hbpm</p>
            <p><a href="mailto:heartrate226bpm@protonmail.com">Email</a> me!</p>
            <p><a href="https://your-heart-rate-is-226bpm.atabook.org/?page=1">Guestbook</a> couldnt find room on the page to add this lol</p>
        </details>
</div>
    <br>
    <div class="fieldset">
<h1>Updates</h1>
        <div class="fieldset" style="color:red; height: 60px; overflow-y: scroll;"><p>+NEW SWORDSMACHINE SATURNDAY-3/14/15</p><p>+ULTRAPORN-3/14/15</p><p>+New Index and New USA, Enjoy! -1/1/2026</p></div><br>
</div>
    <br>
     <div id="butons2" class="fieldset"><a href="tur11ngery.neocities.org"><img src="https://tur11ngery.neocities.org/button.png"></a><a href='https://ae-om.neocities.org' target='_blank'><img src='https://ae-om.neocities.org/imgs/buttons/AE_OM_CHEESE.png'></a>
         <a href='https://ae-om.neocities.org' target='_blank'><img style="mix-blend-mode: darken;" src='https://files.catbox.moe/oa6ac8.png'></a>
                    <a href="https://bundleofstyx.neocities.org/" target="_blank"><img src="https://bundleofstyx.neocities.org/images/buttons/bundleofstyx.gif" alt="Bundleostyx button"></a>
                    <a href="https://s1nez.nekoweb.org/"><img src="https://s1nez.nekoweb.org/BUTTON.gif"></a>
                    <a href="https://jack-dawlia.neocities.org/page/home"><img src="https://jack-dawlia.neocities.org/image/jack-dawlia.gif"></a>
                    <a href="https://ewpert.neocities.org"><img src="https://64.media.tumblr.com/203ffb134d0e9aafa9b6f2ef52968cb2/27ae4f9d174f6b2e-21/s100x200/bb1f01d26592ad6aaa0ec74a877b2ed74a2d1e72.pnj"></a><a href="https://blahajcool.neocities.org"><img src="https://your-heart-rate-is-226bpm.neocities.org/blahaj%20cool.jpg"></a>
                    <a href="https://musi-solete.neocities.org/"><img src="https://your-heart-rate-is-226bpm.neocities.org/about/newbadge.png"></a>
<a href="https://blitzesblu.casa"><img src="https://blitzesblu.casa/blitzz.png"></a>   
<a href="https://riifle.neocities.org"> <img style="margin-left: -6px;" src="https://riifle.neocities.org/rifle.png"></a>
<a href="https://ultrakill.nekoweb.org"><img src="https://file.garden/ZkRD3wbiZDsBIZnn/solbutton.png" title="click to discover the meaning of life! (ultrakill)" alt="ultrakill.nekoweb.org button" style="border:1px solid black;"></a>
                    <a href="https://insidetheflesh.nekoweb.org/"><img src="https://your-heart-rate-is-226bpm.neocities.org/about/button.png"></a>
 <a href="https://akuwarai.nekoweb.org"><img src="https://file.garden/ZhXzC_0LnAea8sDS/akuwarai.png"></a>
            <a href="https://cathaks.nekoweb.org"><img src="https://cathaks.nekoweb.org/images/buttons/sitebutton.png" alt="cathaks' voidway" style="image-rendering: pixelated;"></a>
    <!-- <a href="https://wolfsbane.nekoweb.org"> <img class="button" src="https://wolfsbane.nekoweb.org/gifsorimages/button.png"></a> -->
    </div>
</div>
</div>
    </div>
</div>
            <div class="decotext"><img width="151%" src="https://files.catbox.moe/xyvg3t.png"></div>
        <img id="bag" src="https://files.catbox.moe/qgewdh.png">
  </div>  
        <div id="cbox">
<div id="cboxtitle">chatbox</div>
<div id="cboxdesc">

be nice,  and <br><span style="color:red; font-size: 20px; font-weight: 900;">H A V E <span style="color:white">:3</span> F U N !</span> 

</div> <!-- IMPORTANT! PLEASE KEEP THIS HERE -->

<iframe src='https://iframe.chat/embed?chat=03887758' width="256" height="515" allow="autoplay" title="fuck you"></iframe>	
</div> <!-- IMPORTANT! PLEASE KEEP THIS HERE -->
        <script>
  chattable.initialize({
    theme : "Wannabe XP"
  });
</script>
        
        
<script> 
    const container = document.getElementById("JST_TO_NOTICE");
    let direction = 1; let speed = 1;
    let pause = false;

    function animate() {
        if (!pause) {
            container.scrollLeft += speed * direction;
            if (container.scrollLeft + container.clientWidth >= container.scrollWidth) {
                direction = -1; pause = true;
                setTimeout(() => (pause = false), 1000);
            } 
        else if (container.scrollLeft <= 0) {
            direction = 1; pause = true;
            setTimeout(() => (pause = false), 1000);
            }
        }
        requestAnimationFrame(animate);
    }
  animate();
</script>        
        
    </body>
    
</html>