<!--
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣣⣏⣯⣿⣇⣧⣦⣦⣦⣤⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢪⢀⣠⣠⣯⠁⢁⢁⢋⢃⢃⢃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣪⢀⢃⣪⣏⢃⢂⢪⢇⣇⢆⢆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⢂⢀⢀⣿⢇⢀⢂⢃⢃⢃⢃⢀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⢀⢀⢪⣿⢃⢂⢀[⠀   ]⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣪⢀⢂⢪⣯⢀⢀⢀⢆//////⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⢃⢀⢀⣿⢂⢂⢂⢂⢢⣿⢀⢀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀  ⢰⠁⠈⠁⠋⢋⢃⢇⢧⣧⣿⣿⣆⠀⠀⠀⠀⠀⠀⠀⠀_______________________⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸[⠀⠀ ⠀]⢀⢀⢪⢪⣿⣇⢀⠀⠀⠀⠀⠀⠀ |⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀         \⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠃⢢⣢⣆⣦⣧⣦⣦⣦⣮⣧⣆⣀⠀⠀⠀⠀⠀/⠀IM LEGAL!!1!! FINALLY!!!!  |
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀//////⢂⢂⢂⢄⣆⢂⣪⢇⢁⢁⡀⠀⠀< _____________________________|⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⢰⣇⢆⢆⢆⢂⢆⢂⢂⣯⢇⢂⢠⣇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣪⢘⢇⢂⢂⢂⢂⢂⢂⢪⣯⢂⢀⢫⣇⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⢇⣪⢂⢂⢂⢂⢃⢂⢂⢪⣇⢂⢀⣯⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⣿⣧⢂⢂⢂⢂⢂⢂⢂⢀⣮⢇⢂⢰⣯⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⣿⣯⢂⢂⢂⢂⢂⢃⢃⢂⣯⢇⢀⢠⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣯⣿⣯ ⢂⢂⢂⢂⢂⢂⣂⢢⣇⢃⢀⣪ ⣯⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⢀⣿⢸⣿⣇ ⢂⢂⢂⢂⢂⢂⢂⢃⢇⣮⣇⢂ ⣿⣦⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀  ⠀⠀⠀⠀⠀⢀⣿⢃⣾  ⢇⢃⢇⢇⢃⢃⢃⢂⢂⣿⢇⢂⢊⣮ ⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀  ⠀⠀⠀⣾⠋⣾⠋ ⢀⢃⢇⢂⢂⢂⢂⢃⢪⣯⢃⢀⢪ ⣿ ⣿⠓⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⣴⡏  ⣮⡏⠀ ⣪⢆⢂⢂⢂⢂⢢⢆⢂⢪⣏⢂⢂⠁⣯⣿⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣿   ⣿⠂  ⢃⢆⢂⢂⢂⢂⢂⢂⢂⣯⢇⢂⢀⠀⣾⣧⣇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⠀⢸⣯⠀ ⢠⢃⢂⢂⢂⢂⢆⢂⢂⢂⢂⣯⢇⢀⢀ ⢰⣿⡟⣮⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣯⣄⣿⣿⠀⣮⣎⢇⣆⣆⣆⢂⢂⢂⢂⢪⣏⢃⢀⢀  ⣾⣿⠀⣿⣇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢀⣦⣦⣦⣤⣤⣀⠀⠀⠀⠀⠀⣿⣿⢉⣿⣿⢇⣣⣧⣧⣇⣇⣆⢇⢂⢮⣇⣆⢆⣾⣇⣯⣤⣿⣦⣤⣤⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⣰⣿⣿⣿⣿⣿⣿⣿⣿⣿⣤⣶⣿⣿⣧⣿⣿⣿⣇⣯⣇⣇⣏⣧⣇⣆⢂⣯⣇⢂⢢⣿⣿⢿⠋⢋⢣⣇⣯⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⣦⣦⣮⣮⢏⢃⢃⣇⣇⣧⣧⣇⣅⢫⠋⢫⣿⣿⣿⣿⣯⣯⣿⣿⣿⣿⣿⣿⣿⣿⣿⣧⣧⣦⣮⣇⢄⣇⣇⣇⣇⣧⣿⣿⣦⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⢠⣯⣯⣧⣦⣿⣿⢏⢏⢫⢋⢃⣯⣇⢪⠀⢀⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢣⣧⣦⣾⣿⣿⣫⣧⣾⣏⣯⣦⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢈⢪⣏⣇⣇⢇⣇⣇⢇⢃⢂⢂⣮⣇⣮⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣧⣯⣏⢋⢁⢣⣮⣮⣿⣷⣦⣤⣀⠀
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 {
            background-image: linear-gradient(0deg, #FF0000, #fff,#fff, #fff, #fff, #fff, #fff, #fff,  #fff);
              
              
               z-index: -90;
               
           }
           @font-face {
               font-family: "mydih";
                   src: 
           }

           
           a {
               color: red; 
               text-decoration: underline;
           }
           a:hover {
               color: black;
           }
        
           details {
               font-size: 12px;
            
           }
           
           details[open] > summary {
  list-style-type: '♥ ---';
}
           
           summary {
               font-size: 18px;
               list-style-type: ' ♡ --- ';
           }
           
           
           ::marker {
  color: red;
  font-size: 13px;
                
}
           .contain {
               margin: 0 auto;
               position: relative; z-index: 0;
               width: 858px;
               height: auto;
           }
           #bag{
                width: 563px;
               height: 728px;
               position: absolute; z-index: -3; top: 6px; margin-left: 232px; 
           }
           
.parent {
    display: grid;
    grid-template-columns: 290px 246px 3px 107px 90px 194px;
    grid-template-rows: 66px 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: -98px; margin-left: 37px;
    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: 93px;
}

.div7 {
    display: none;
    grid-column: span 6 / span 6;
    grid-row-start: 6;
    background-color: #ffffff;
}
           
       .circle {
  --width: 266px;
  --height: 269px;
  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%;
  height: 100%;
  animation: rotateText 10s linear infinite;
  -webkit-animation: rotateText 10s linear infinite;
    color: #000000; font-family: 'Times New Roman';
}

.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: 2em;
  }
}

@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: 220px;
    --height: 220px;
  }

  .text .char {
    font-size: 0.7em;
  }
}
@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 {
box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #000000, inset -2px -2px #323232, inset 2px 2px #ffffff;
background: rgba(192, 192, 192, 0);
color:#000;
padding: 3px;
width:100%;
    height: 100%;
  
}

.title-bar {
background:linear-gradient(90deg, white, white, white);
padding: 3px 2px 3px 3px;
display: flex;
justify-content: space-between;
align-items: center;
}

.title-bar-text {
font-weight: bold;
color: red;
letter-spacing: 0;
margin-right: 24px;
}

.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: 1400px;
    bottom: -359px;
    z-index: 9999;
    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: 2px solid #000000;
    border-top-left-radius: 0px;
    border-top-right-radius: 1px;
    box-shadow: 0px 0px 0px 3px #ffffff;
}

#cbox:hover {
    bottom: 0px;
}
    
#cboxtitle {
    width: 175px;
    height: 15px;
    background-color: #ffffff;
    padding: 14px 17px 16px 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    font-size: 23px;
    font-family: monospace;
    font-weight: 778;
    letter-spacing: 10px;
    color: #ff0000;
    text-shadow: 1px 1px 1px #ffffff;
    text-transform: uppercase;
}

#cboxdesc {
    width: 180px;
    height: 40px;
    padding: 5px;
    background-color: #ffffff;
    overflow: auto;
    font-family: 'Roboto', sans-serif;
    font-size: 9px;
    text-align: justify;
    letter-spacing: 1px;
    color: #000000;
}
           .decotext {
               position: absolute; z-index: -4;
               font-size: 250px;
     transform: rotate(-90deg); width: 353px; height: 885px; margin-left: -789px;  margin-top: -895px; letter-spacing: -81px; font-family: 'Times New Roman';
           }
           .dihh { display: inline-block; transform: scale(-1, 1); margin-top: 244px;   font-size: 504px; /*color: red*/}
           .dihhh {
              position: absolute; z-index: -4;
               font-size: 495px;
     width: 353px; height: 883px; margin-left: 149px;  margin-top: -907px;  font-family: 'Times New Roman'; /*color: red;*/  letter-spacing: -49px;
           }
             ::-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;
           }
               .decotext {
               position: absolute; z-index: -4;
               font-size: 250px;
     transform: rotate(-90deg); width: 353px; height: 885px; margin-left: -449px;  margin-top: -121px; letter-spacing: -81px; font-family: 'Times New Roman';
           }
           .dihh { display: inline-block; transform: scale(-1, 1); margin-top: 244px;   font-size: 504px; /*color: red*/}
           .dihhh {
              position: absolute; z-index: -4;
               font-size: 495px;
     width: 353px; height: 883px; margin-left: 149px;  margin-top: -907px;  font-family: 'Times New Roman'; /*color: red;*/  letter-spacing: -49px;
           } 
               .div7 {
                 display: block;
                   height: 608px; width: 409px; margin-left: 50%;
                  
               }
                body {
            background-image: linear-gradient(0deg, #FF0000, #FF0000, #fff, #fff);
               }
              #cbox {
    left: 100px;
    
}
               
           
           }           
        </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">Happy B-day( 2 me )! Happy B-day( 2 me )! Happy B-day( 2 me )! Happy B-day( 2 me )! Happy B-day( 2 me )! Happy B-day( 2 me )! Happy B-day( 2 me )! Happy B-day( 2 me )! Happy B-day( 2 me )!</span>
                <span id = "runningCheese1">Happy B-day( 2 me )! Happy B-day( 2 me )! Happy B-day( 2 me )! Happy B-day( 2 me )! Happy B-day( 2 me )! Happy B-day( 2 me )! Happy B-day( 2 me )! Happy B-day( 2 me )! Happy B-day( 2 me )!</span>
            </div>
            <div class = "marquee">
                <span id = "runningAug">I'M fINALLY 226 MILLION YEARS OLD!!!I'M fINALLY 226 MILLION YEARS OLD!!! I'M fINALLY 226 MILLION YEARS OLD!!! I'M fINALLY 226 MILLION YEARS OLD!!! I'M fINALLY 226 MILLION YEARS OLD!!!   </span>
                <span id = "runningAug1">I'M fINALLY 226 MILLION YEARS OLD!!!I'M fINALLY 226 MILLION YEARS OLD!!! I'M fINALLY 226 MILLION YEARS OLD!!! I'M fINALLY 226 MILLION YEARS OLD!!! I'M fINALLY 226 MILLION YEARS OLD!!! </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="SwordsmachineSaturnday.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>About</a> Re-doing this page. Its embarrassing, and doesnt represent who I am anymore. So its not linked sorry lol. My pronouns are  it/its/ Swords/Machine if you absolutely must know. </p>
        </details>
        <details>
        <summary>
            personal writings
            </summary>
            <p><a href="letter.html">Letter to my darling 7</a></p>
            <p><a href="4040.html">2024-2025 letter</a></p>
            <p><a>Blog</a> coming soon</p>
            <p><a>Ramblings</a>coming soon</p>
        </details>
        
        <details>
        <summary>
            Contact
            </summary>
            <p><a href="mailto:heartrate226bpm@gmail.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;"><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>Still Beating ❤︎ Still Beating ❤︎</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">no clue</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>Big things happening for the unemployed everywhere. Im so old. wish me happy birthday on my <a href="https://your-heart-rate-is-226bpm.atabook.org/?page=1">guestbook</a> (I don't mind late wishes lol )</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="SwordsmachineSaturnday.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>About</a> Re-doing this page. Its embarrassing, and doesnt represent who I am anymore. So its not linked sorry lol. My pronouns are  it/its/ Swords/Machine if you absolutely must know. </p>
        </details>
        <details>
        <summary>
            personal writings
            </summary>
            <p><a href="letter.html">Letter to my darling 7</a></p>
            <p><a href="4040.html">2024-2025 letter</a></p>
            <p><a>Blog</a> coming soon</p>
            <p><a>Ramblings</a>coming soon</p>
        </details>
        
        <details>
        <summary>
            Contact
            </summary>
            <p><a href="mailto:heartrate226bpm@gmail.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;"><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"><h1 class="fuckyouuuuu" style="color: black"><span class="dihh" >2</span></h1><h1 class="dihhh">2<span style="color: black">6</span></h1></div>
        <img id="bag" src="https://files.catbox.moe/2hhpjg.png">
  </div>  
        <div id="cbox">
<div id="cboxtitle">chatbox</div>
<div id="cboxdesc">

super awesome 226 chat  

</div> <!-- IMPORTANT! PLEASE KEEP THIS HERE -->

<iframe src="https://iframe.chat/embed?chat=03887758" width="190" height="300" 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>