 <!---
         .iLU1L:....   sL  .   BB                                                          sBBBBBBBrBBB.  :YQBBBBBi                            
               .SQQP2r:         LBQZBBbvi.DB..U                                                    :BBBBBBqKBBBBBB.       :gBBg                        
            iZBq:                BDSr    .ivILBB::                                              .7BBBBM:BBr 7BBB               jBD.                    
          7dP.                    g1         rBBBYB.7q..                                     :gBBXBBB   r    BB                  :gP                   
        iJ:                       .:           BBBBBBBBBBBj                              :jBBBBBBQjB         gY                     1L                 
      .i                                        BBBISv.rYBBBBBBQ5Yv                     BBZBS   BBB          M                        .7               
     :.                                         .BB        BEBBBBBBB                   BBBR.    iB1                                                    
                                                 .B           BBBBBBB.     .ZBbB1    vBB        PB                                                     
   

                                            :L        .  DB:BBBBS    IBBBBBi idB5        .S                                                      
                                                                7     Pr5JPi.BBBBBBg7S         :                                                       
                                                                 vBdBBBBBBBBBBZBBS                                                               
                                                                     BBBI QBBBvZBBBBBB:                                                                
                                                                  BBBR7KBBM7ZBBBBBBB                                                                
                                                                    :BBB..BBBBBBBBQ  KBB                                                               
                                                                   :BBD  BBBBBBBB    JBr                                                               
                                                                   QBB  BBQBBBBBBQ    BB                                                               
                                                                  .BB: BBBBQvBBBBB.   :rr                                                              
                                                                  BBB  dB U. BBBBB    iBB.                                                             
                                                                  BB   BBX7U BBBBg    :BB:                                                             
                                                                  BB  DBBBLBBRBBBB     bBZ                                                             
                                                                 7BB BBBBBB1   BBBJ    jB7                                                             
                                                                  BB BBBBBB    :BBB    rB.                                                             
                                                                  QK BBBBB      BBBX   rB                                                              
                                                                  BB SZBBB       BBB   BB                                                              
                                                                  BBB rBBQ       dBBi bBB                                                              
                                                                  BB :vBBBP      BBBriQBB                                                              
                                                                   BBrr7MB.     .BBB rBBR                                                              
                                                                       ZqB      gBB  .I.                                                               
                                                                        BBv    PBB                                                                     
                                                                        :BQ    BBB                                                                     
                                                                         BBr    YB                                                                     
                                                                         QrK  .rE1                                                                     
                                                                         : Xi   r.                                                                     
                                                                         BLL:   i                                                                      
                                                                          s.    i                                                                      
                                       ────────────────────────────────────────────────────────────────────────────
                                        ▓│              ...::[ SCROLL DOWN TO VIEW SOURCE ]::...                 │▓
                                        ▓│──────────────────────────────────────────────────────────────────────│▓
                                       ──────┘         ░░ (Incase curiosity kills the cat): ░░            └──────
                                         │                                                                      │
                                         │        document       │
                                         │                                                                      │
                                         │      “To my Loveinge good ffrend & contreymann Mr. Wm Shackespere,” dated “ffrom the Bell in Carter Lane the 25 October 1598” and signed “Ryc. Quyney.”      │
                                         └──────────────────────────────────────────────────────────────────────┘


╠───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╣
║--------------------------------------------------------------DREAMWEAVER-----------------------------------------------------------║
╠───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╣
║                               *      *           *    *      *       *         *              *            *        *        *      * ║
║    *      *         *                 *    *            *        *        *           *   *      *     *       *         *       *    ║
║                *          *      *                *         *         *    _,'|   *         _.-''``-...___..--';)    *      *         ║
║   *    *   *                           *      *         *        *        /_ \'.      __..-' ,      ,--...--'''                   *   ║
║                    *           *     *     *        *        *        *  <\    .`--'''       `     /'           *      *       *      ║
║       *      *            *                      *       *        *       `-';'               ;   ; ;    *    *                       ║
║  *      *                      *    *    *    *               *     __...--''     ___...--_..'  .;.'              *     *          *  ║
║                    *   *                             *     *    *  (,__....----'''       (,..--''         *                   *       ║
║    *       *    *             *        ╔═══════════════════════════════════════════════════════════╗  *          *     *              ║
║                        *           *   ║                                                           ║        *               *    *    ║
║        /\         *       /\  *        ║   FIRST WITCH 
When shall we three meet again?
In thunder, lightning, or in rain?
SECOND WITCH 
When the hurly-burly’s done,
When the battle’s lost and won.
THIRD WITCH 
That will be ere the set of sun.
FIRST WITCH 
Where the place?
SECOND WITCH  Upon the heath.
THIRD WITCH 
There to meet with Macbeth.
FIRST WITCH  I come, Graymalkin.
SECOND WITCH  Paddock calls.
THIRD WITCH  Anon.
ALL 
Fair is foul, and foul is fair;
Hover through the fog and filthy air.
They exit. *    *       *               *    ║
║                   *          *         ║                                                           ║                    *             ║
║   *     *    *                         ╚═══════════════════════════════════════════════════════════╝  *        *              *       ║
║                  *      *         *     *         *   *        *         *      *         *    *                    *             *   ║
║ *   *     *                  *       *    *    *         *           *      *        *             *       *            *             ║
║                  *      *                        *   *        *                *           *           *       *            *         ║
║  *      *                       *     *    *            *           *   *            *         *                     *          *     ║
║                *         *         *          *     *      *     *          *    *       *         *      *     *        *            ║
╠───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╣
║--------------------------------------------------------------INFORMATION----------------------------------------------------------║
╠───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╣


	🎬
 --->
<!DOCTYPE html>
<html lang="en" class="👗">


<html>
	<head>
		<base href="https://wordstar.nexus/">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!--!--ink city layout 077

 -Created by www.inkrealm.info 

 (inspired by love 

 and the spirit of innovation)

    ja: "私の個人情報を販売しない(カリフォルニア州消費者プライバシー法)",

	Частная личная информация, Informações pessoais privadas, 

Persónulegar upplýsingar, 

Private personal information, ព័ត៌មានផ្ទាល់ខ្លួនឯកជន

	(Verbraucherschutzgesetz der Präfektur Kalifornien)

        en: "Do Not Sell My Info (KKKalifornia)"---> 

 
    <meta data-rh="true" name="description" content="A writer's website, featuring an unedited manuscript and original art as well as videos. Video and audio downloads. The writer often places notes and even new stories on the homepage. Wordstar includes several word processors and a code engine. A unique place for creative souls. A Portal to escape the ordinary. Eclectic and frequently updated."/><meta data-rh="true" property="og:url" content="https://www.wordstar.nexus"/><meta data-rh="true" property="og:type" content="website"/><meta data-rh="true" property="og:title" content="WORDSTAR - writing, music, and the visual arts"/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="tiktok:app_id" content="@twoskinnygirls" />
<meta name="twitter:site" content="@inkrealm" />
<meta name="slack-app-id" content="f060RUD44R3" />

	     <!-- ❂  £  ₿ £ 0 ∆元 ∆￦ ∆ 🂶￥  £ 🂶￥

 £ ឯ    0元 ∆￦ ∆ ¢ᶄᶄ ❂ ⎈ ⑱ ♘𝅙 ₪ я 

 ♢ for investment advice : ⚡

+•1=9=1•7=3•1=0•0=1•1•6• --->


    <title>WordStar Nexus</title>
    <script type="module" src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
    <script src="https://cdn.tailwindcss.com"></script>
	
	<style>
	/* width */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px tan; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: red; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #efd0f5; 
}
</style>
	<link href="./cyberpunk-2077.css" rel="stylesheet"> 
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');
        body {
            font-family: 'Inter', sans-serif;
            background-color: #faf605;
            color: yellow;
        }
        .title {
            background: linear-gradient(to right, white, red);
            -webkit-background-clip: text;
            background-clip: text;
        }
a {
  color: #ddd;
  text-decoration: none;
  padding: 8px 16px;
  border: 1px solid #444;
  border-radius: 5px;
  transition: background-color 0.3s, box-shadow 0.3s;
}

a:hover {
  background-color: #444;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}


/* Grid Layout for Links */
.link-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Two columns */
    gap: 20px; /* Space between columns */
}
	/* CRT Overlay */
#crt-overlay {
   position: absolute; /* This is the key change */
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
   z-index: 1000; /* Adjust as needed for the video */
   opacity: 0.2; 
}

.scanline {
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0) 50%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.2));
  background-size: 100% 4px;
  position: absolute;
  pointer-events: none;
  animation: scanline 10s linear infinite;
}

@keyframes scanline {
  0% { transform: translateY(0); }
  100% { transform: translateY(100%); }
}

#crt-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: 
    radial-gradient(ellipse at center, transparent 50%, rgba(0,0,0,0.3) 100%),
    linear-gradient(to bottom, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
  box-shadow: inset 0 0 100px rgba(0,255,0,0.1);
  pointer-events: none;
}

/* Graph Container */
#graph-container {
  position: absolute; /* Position relative to parent */
  top: 0; /* Position the top of the container at the top of the parent */
  left: 0; /* Position the left of the container at the left of the parent */
  width: 100%;
  height: 100%; /* Adjust height as needed */
}

/* SVG Styles */
#graph-container svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Add any specific styles for your graph here */
}
.bg-zinc-900.py-16 { /* Target the email form section */
  padding: 10px; /* Reduce the padding */
}

.bg-zinc-900.py-16 h2 {
  font-size: 24px; /* Reduce font size */
}

.bg-zinc-900.py-16 form {
  font-size: 10px; /* Reduce font size */
  padding: 5px;  /* Reduce padding */
}	    
footer {
  background-color: #111; /* Darker shade */
  padding: 12px; /* Double the padding */
  height: 188px; /* Double the height (adjust as needed) */
}
	  #splash-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: yellow; /* Or use your desired background color */
  z-index: 1000; /* Ensure it's on top */
  display: flex;
  justify-content: center;
  align-items: center;
}  
	    #message {
            transition: opacity 0.5s ease-in-out;
	    }
    </style>
</head>
	<div id="splash-screen">
    <video autoplay muted loop id="splash-video">
      <source src="https://github.com/ghostm68/pantheon/raw/main/lucyhale_20240910_111151632.mp4" type="video/mp4">
      Your browser does not support the video tag.
    </video>
  </div>
<body class="antialiased">
    <div id="app" x-data="{ mainNavOpen: false, listenNavOpen: false }">
        <nav id="navbar" x-cloak
             class="w-full px-4 fixed top-0 transition-all duration-500 ease-in-out z-10">
            <div class="max-w-screen-xxl mx-auto flex items-center h-full md:px-8 lg:px-24">
                <div class="w-2/12 md:w-3/12">
                    <button @click="mainNavOpen = !mainNavOpen"
                            class="flex items-center space-x-1 space-between focus:outline-none">
                        <span class="text-white text-lg font-medium leading-none hidden md:block"><h1 class="cyberpunk glitched"><font color="yellow">apps</font color="yellow"></h1 class="cyberpunk glitched"></span>
                        <svg class="text-white w-6 h-6 hidden md:block" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" />
                        </svg>
                        <svg class="text-white w-6 h-6 md:hidden" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 12">
                            <rect width="21" height="2" rx="1" transform="matrix(1 0 0 -1 0 2)" fill="#fff"/>
                            <rect width="21" height="2" rx="1" transform="matrix(1 0 0 -1 0 7)" fill="#fff"/>
                            <rect width="21" height="2" rx="1" transform="matrix(1 0 0 -1 0 12)" fill="#fff"/>
                        </svg>
                    </button>
                </div>
                <div class="w-8/12 md:w-6/12 text-center">
                    <p class="title text-transparent text-3xl sm:text-4xl font-black uppercase leading-none"><font color="yellow">Writer</font color="yellow"></p>
                </div>
                <div class="w-2/12 md:w-3/12 ml-auto">
                    <button @click="listenNavOpen = !listenNavOpen"
                            class="px-3 py-2 text-white md:bg-white uppercase font-bold tracking-widest md:text-black rounded-sm flex items-center space-x-2 space-between ml-auto">
                        <a href="https://inkrealm.info/twoskinnygirls" class="hidden md:inline">2sknygrLs</a>
                        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"></path>
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                        </svg>
                    </button>
                </div>
            </div>
        </nav>

        <!-- Main Navigation -->
        <div x-show="mainNavOpen" 
             x-transition:enter="transition ease-out duration-300"
             x-transition:enter-start="opacity-0 transform -translate-x-full"
             x-transition:enter-end="opacity-100 transform translate-x-0"
             x-transition:leave="transition ease-in duration-300"
             x-transition:leave-start="opacity-100 transform translate-x-0"
             x-transition:leave-end="opacity-0 transform -translate-x-full"
             class="fixed inset-0 z-50 bg-black bg-opacity-90">
            <div class="container mx-auto px-4 py-16 relative">
                <button @click="mainNavOpen = false" class="absolute top-4 right-4 text-white hover:text-gray-300">
                    <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
                    </svg>
                </button>
                <ul class="text-4xl font-bold space-y-6">
                 <div class="link-grid"><h1 class="cyberpunk glitched">
                <a href="https://wordstar.nexus/birch" class="neumorphic-link">Birch</a>
            <a href="https://wordstar.nexus/w" class="neumorphic-link">W</a>
            <a href="https://wordstar.nexus/seven" class="neumorphic-link">Seven</a>
            <a href="https://wordstar.nexus/textcraft" class="neumorphic-link">TextCraft</a>
            <a href="https://wordstar.nexus/iwa" class="neumorphic-link">IWA</a>
            <a href="https://wordstar.nexus/queer" class="neumorphic-link">Queer</a>
            <a href="https://wordstar.nexus/macwritepro" class="neumorphic-link">MacWrite Pro</a>
            <a href="https://wordstar.nexus/z" class="neumorphic-link">Z</a>
            <a href="https://wordstar.nexus/typewriter" class="neumorphic-link">Typewriter</a>    
             <a href="https://wordstar.nexus/tokenizer" class="neumorphic-link">Tokenizer</a>
            <a href="https://wordstar.nexus/cut&amp;rune" class="neumorphic-link">Cut &amp; Rune</a>
            <a href="https://wordstar.nexus/pen" class="neumorphic-link">Pen</a>
             <a href="https://wordstar.nexus/daslexikon" class="neumorphic-link">Das Lexikon</a></h1 class="cyberpunk glitched">
          </div>
                </ul>
            </div>
        </div>

        <!-- Listen Navigation -->
        <div x-show="listenNavOpen"
             x-transition:enter="transition ease-out duration-300"
             x-transition:enter-start="opacity-0 transform translate-x-full"
             x-transition:enter-end="opacity-100 transform translate-x-0"
             x-transition:leave="transition ease-in duration-300"
             x-transition:leave-start="opacity-100 transform translate-x-0"
             x-transition:leave-end="opacity-0 transform translate-x-full"
             class="fixed inset-0 z-50 bg-black bg-opacity-90">
            <div class="container mx-auto px-4 py-16 relative">
                <button @click="listenNavOpen = false" class="absolute top-4 right-4 text-white hover:text-gray-300">
                    <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
                    </svg>
                </button>
        <h2 class="text-3xl font-bold mb-6">STORIES</h2>
                <ul class="space-y-4">
                      <a href="https://wordstar.nexus/displaywriter" class="neumorphic-link"> <h1 class="cyberpunk glitched">displaywriter</h1 class="cyberpunk glitched"></a> 
    <a href="https://wordstar.nexus/bakedalaska" class="neumorphic-link"><h1 class="cyberpunk glitched">bakedalaska</h1 class="cyberpunk glitched"></a> 
	    <a href="https://wordstar.nexus/wip" class="neumorphic-link"><h1 class="cyberpunk glitched">wip</h1 class="cyberpunk glitched"></a>
                </ul> 
            </div>
        </div>

        <main class="pt-16">
            <!-- Video Section -->
            <section class="relative h-screen">
                <video class="w-full h-full object-cover" autoplay loop muted playsinline>
                    <source src="https://github.com/ghostm68/pantheon/raw/main/lucyhale_20240910_111151632.mp4" type="video/mp4">
                    Your browser does not support the video tag.
                </video>
		    
                <div class="absolute inset-0 flex items-center justify-center bg-black bg-opacity-50"> <p class="cyberpunk inverse dotted scannedh"> 
                    <h1 class="text-5xl md:text-7xl font-bold text-white text-center"><font color="pink">musician</font color="pink"></h1> </p class="cyberpunk inverse dotted scannedh">  
                </div>
            </section>
<div id="crt-overlay">
   <div class="scanline"></div>
</div>
<div id="graph-container">
    <svg></svg>
</div>
            <!-- Content Section -->
            <section class="container mx-auto px-4 py-16">
                <div class="max-w-3xl mx-auto"><p class="cyberpunk inverse scannedv"> 
                    <h2 class="text-4xl font-bold mb-8">FEATURED</h2>
                    <div class="space-y-12">
                         <a href="https://wordstar.nexus/90263" class="neumorphic-link">90263</a>
            <a href="https://wordstar.nexus/netherlands" class="neumorphic-link">netherlands</a>  </p class="cyberpunk inverse scannedv"> 
		
   <h2 class="text-3xl font-bold mb-6">STORIES</h2>
                <ul class="space-y-4">
                      <a href="https://wordstar.nexus/displaywriter" class="neumorphic-link"> <h1 class="cyberpunk glitched">displaywriter</h1 class="cyberpunk glitched"></a> 
    <a href="https://wordstar.nexus/bakedalaska" class="neumorphic-link"><h1 class="cyberpunk glitched">bakedalaska</h1 class="cyberpunk glitched"></a> 
	    <a href="https://wordstar.nexus/wip" class="neumorphic-link"><h1 class="cyberpunk glitched">wip</h1 class="cyberpunk glitched"></a>
                </ul> 
            </div>
        </div>
		
                        <article class="border-b border-zinc-700 pb-12"> <p class="cyberpunk inverse dotted scannedh">
                            <h3 class="text-3xl font-bold mb-4"><a href="/story/2" class="hover:underline">REALM</a></h3>
                                <a href="https://inkrealm.info/1991" class="neumorphic-link">1991</a>
            <a href="https://inkrealm.info/about" class="neumorphic-link">about</a>
            <a href="https://inkrealm.info/deluxe" class="neumorphic-link">deluxe</a>
            <a href="https://inkrealm.info/coven" class="neumorphic-link">coven</a>
            <a href="https://inkrealm.info/cloud" class="neumorphic-link">cloud</a>
            <a href="https://inkrealm.info/twoskinnygirls" class="neumorphic-link">twoskinnygirls</a>
            <a href="https://inkrealm.info/fashion" class="neumorphic-link">fashion</a>
            <a href="https://inkrealm.info/atari" class="neumorphic-link">atari</a>
            <a href="https://inkrealm.info/quantum" class="neumorphic-link">quantum</a>    
             <a href="https://inkrealm.info/home" class="neumorphic-link">home</a>
            <a href="https://inkrealm.info/app" class="neumorphic-link">app</a>
            <a href="https://inkrealm.info/tvc15" class="neumorphic-link">tvc15</a>
             <a href="https://inkrealm.info/66" class="neumorphic-link">66</a>
	    <a href="https://inkrealm.info/trix" class="neumorphic-link">trix</a> 
	    <a href="https://inkrealm.info/поэты" class="neumorphic-link">поэты</a>   
			 </p class="cyberpunk inverse dotted scannedh">      </article>
                        <article>
                            <h3 class="text-3xl font-bold mb-4"><a href="/home" class="hover:underline"><font color="pink">visual</a></h3>
                          
  <a href="https://inkrealm.info/home" class="neumorphic-link">artist</font color="pink"></a></h1 class="cyberpunk glitched"> 
                        </article>
                    </div>
                </div>
            </section>
 
   <h1 class="cyberpunk glitched">
      <li><a href="tel+16468019713"  class="hover:text-gray-300">📞</a></li></h1 class="cyberpunk glitched">
            <!-- Sign Up Form -->
    <footer class="bg-zinc-900 p-6 mt-12">
	 
  <div class="container mx-auto flex flex-col md:flex-row justify-between items-center">   
    <p class="mb-4 md:mb-0"><h1 class="cyberpunk glitched"><font color="brown">© 2024 WordStar Nexus. All rights reserved.</font color="red"></h1 class="cyberpunk glitched"></p>
    <ul class="flex space-x-6">
   <h1 class="cyberpunk glitched">
      <li><a href="a href="https://two-skinny-girls-2.creator-spring.com" class="hover:text-gray-300">shop</a></li></h1 class="cyberpunk glitched">
    </ul>
	

    <section class="bg-zinc-900 py-16">
      <div class="container mx-auto px-4">
        <div class="max-w-lg mx-auto">
          <h2 class="text-3xl font-bold mb-6 text-center"> 

		    
        </div>
      </div>
    </section> 
  </div>
</footer>
	<script>
		window.onload = function() {
  document.getElementById("splash-screen").style.display = "none";
}
	</script>
</body>
		<br>
		<br>
	<br>
	<br>
<br>
<br>		
		<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">		
<style>


#contact {
  width: 100%;
  height: 100%;
}

.section-header {
  text-align: center;
  margin: 0 auto;
  padding: 40px 0;
  font: 300 60px 'Oswald', sans-serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 6px;
}

.contact-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 auto;
  padding: 20px;
  position: relative;
  max-width: 840px;
}

/* Left contact page */
.form-horizontal {
  /*float: left;*/
  max-width: 400px;
  font-family: 'Lato';
  font-weight: 400;
}

.form-control, 
textarea {
  max-width: 400px;
  background-color: #000;
  color: #fff;
  letter-spacing: 1px;
}

.send-button {
  margin-top: 15px;
  height: 34px;
  width: 400px;
  overflow: hidden;
  transition: all .2s ease-in-out;
}

.alt-send-button {
  width: 400px;
  height: 34px;
  transition: all .2s ease-in-out;
}

.send-text {
  display: block;
  margin-top: 10px;
  font: 700 12px 'Lato', sans-serif;
  letter-spacing: 2px;
}

.alt-send-button:hover {
  transform: translate3d(0px, -29px, 0px);
}

/* Begin Right Contact Page */
.direct-contact-container {
  max-width: 400px;
}

/* Location, Phone, Email Section */
.contact-list {
  list-style-type: none;
  margin-left: -30px;
  padding-right: 20px;
}

.list-item {
  line-height: 4;
  color: #aaa;
}

.contact-text {
  font: 300 18px 'Lato', sans-serif;
  letter-spacing: 1.9px;
  color: #bbb;
}

.place {
  margin-left: 62px;
}

.phone {
  margin-left: 56px;
}

.gmail {
  margin-left: 53px;
}

.contact-text a {
  color: #bbb;
  text-decoration: none;
  transition-duration: 0.2s;
}

.contact-text a:hover {
  color: #fff;
  text-decoration: none;
}


/* Social Media Icons */
.social-media-list {
  position: relative;
  font-size: 22px;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.social-media-list li a {
  color: #fff;
}

.social-media-list li {
  position: relative; 
  display: inline-block;
  height: 60px;
  width: 60px;
  margin: 10px 3px;
  line-height: 60px;
  border-radius: 50%;
  color: #fff;
  background-color: rgb(27,27,27);
  cursor: pointer; 
  transition: all .2s ease-in-out;
}

.social-media-list li:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  opacity: 0;
  box-shadow: 0 0 0 1px #fff;
  transition: all .2s ease-in-out;
}

.social-media-list li:hover {
  background-color: #fff; 
}

.social-media-list li:hover:after {
  opacity: 1;  
  transform: scale(1.12);
  transition-timing-function: cubic-bezier(0.37,0.74,0.15,1.65);
}

.social-media-list li:hover a {
  color: #000;
}

.copyright {
  font: 200 14px 'Oswald', sans-serif;
  color: #555;
  letter-spacing: 1px;
  text-align: center;
}

hr {
  border-color: rgba(255,255,255,.6);
}

/* Begin Media Queries*/
@media screen and (max-width: 850px) {
  .contact-wrapper {
    display: flex;
    flex-direction: column;
	   float: right;  
  }
  .direct-contact-container, .form-horizontal {
    margin: 0 auto;
  }  
  
  .direct-contact-container {
    margin-top: 60px;
    max-width: 300px;
	   float: right;  
  }    
  .social-media-list li {
    height: 60px;
    width: 60px;
    line-height: 60px;
	 float: right;    
  }
  .social-media-list li:after {
    width: 60px;
    height: 60px;
    line-height: 60px;
	   float: right;  
  }
}

@media screen and (max-width: 569px) {

  .direct-contact-container, .form-wrapper {
    float: none;
    margin: 0 auto;
  }  
  .form-control, textarea {
    
    margin: 0 auto;
  }
 
  
  .name, .email, textarea {
    width: 280px;
  } 
  
  .direct-contact-container {
    margin-top: 60px;
    max-width: 280px;
	   float: right;  
  }  
  .social-media-list {
    left: 0;
  }
  .social-media-list li {
    height: 55px;
    width: 55px;
    line-height: 55px;
    font-size: 2rem;
	   float: right;  
  }
  .social-media-list li:after {
    width: 55px;
    height: 55px;
    line-height: 55px;
	     float: right;
  }
  
}

@media screen and (max-width: 410px) {
  .send-button {
    width: 99%;
  }
}
</style>

	       <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'> 
  <script src='https://kit.fontawesome.com/a076d05399.js' crossorigin='anonymous'></script>	
		    <!-- bootstrap CSS -->
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
      integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
      crossorigin="anonymous"
    />
    
  </head>
  <body>
    <div class="container">
<h1 class="cyberpunk glitched"> <i>contact form</i></h1 class="cyberpunk glitched">
      <div class="row">
    <form action="https://fabform.io/f/ZX2A6BC" method="POST">
    <div class="mb-4">
      <label for="name" class="block text-gray-300 text-sm font-medium mb-2">Name</label>
      <input type="text" id="name" name="name" class="w-full border border-gray-600 rounded-md py-2 px-3 bg-gray-800 text-white" placeholder="Enter your name" required>
    </div>

    <div class="mb-4">
      <label for="email" class="block text-gray-300 text-sm font-medium mb-2">Email</label>
      <input type="email" id="email" name="email" class="w-full border border-gray-600 rounded-md py-2 px-3 bg-gray-800 text-white" placeholder="Enter your email" required>
    </div>

    <div class="mb-4">
      <label for="message" class="block text-gray-300 text-sm font-medium mb-2">note</label>
      <textarea id="message" name="message" rows="4" class="w-full border border-gray-600 rounded-md py-2 px-3 bg-gray-800 text-white" placeholder="Write your message here" required></textarea>
    </div>

    <button type="submit" class="bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded-md"><img height="90" width="288"src="https://raw.githubusercontent.com/ghostm68/pantheon/main/sending.gif"> Submit</button>
  </form><hr>
If you would like to contact us by email instead. You can reach us<h1 class="cyberpunk glitched"> @</h1 class="cyberpunk glitched">
<a href=mail to:"inkrealm@wordstar.nexus">wordstar</a></hr><div class="direct-contact-container">	<footer class="bg-zinc-900 p-6 mt-12">  
    <ul class="flex space-x-6">
   <h1 class="cyberpunk glitched">
      <li><a href="a href="https://music.apple.com/us/artist/two-skinny-girls/1466240185" class="hover:text-gray-300">stream</a></li></h1 class="cyberpunk glitched">
    </footer class="bg-zinc-900 p-6 mt-12"> 

	<section class="container mx-auto px-4 py-16">
                <div class="max-w-3xl mx-auto"><p class="cyberpunk inverse scannedv"> 
                    <h2 class="text-4xl font-bold mb-8">_</h2>
			<img width="660" height="600" src="https://raw.githubusercontent.com/ghostm68/pantheon/main/run.webp">
                    <div class="space-y-12">
                      </p class="cyberpunk inverse scannedv"> 
		  
	    
	    <ul class="social-media-list">
		<h2 class="text-3xl font-bold mb-6"><h1 class="cyberpunk glitched">$</h2><form action="https://www.paypal.com/donate" method="post" target="_top">
  <input type="hidden" name="hosted_button_id" value="25TNRCZBZ6N36" />
  <button type="submit">
    <i class="fa fa-cc-paypal" style="font-size:36px" aria-hidden="true"></i>
  </button>			
  <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
		</form> the limit does not exist</h1 class="cyberpunk glitched"><br>
          
          <a href="https://raw.githubusercontent.com/ghostm68/pantheon/main/gab.inkrealm.pdf.gif" target="_blank" class="contact-icon">
            <i class="fa fa-file-pdf-o" aria-hidden="true"></i></a>
          
          <a href="https://cheer-spree.tumblr.com" target="_blank" class="contact-icon">
            <i class="fa fa-tumblr-square" aria-hidden="true"></i></a>
          
          <a href="https://www.tiktok.com/@twoskinnygirls" target="_blank" class="contact-icon">
            <i class="fa fa-telegram" aria-hidden="true"></i></a>
			
             <a href="https://medium.com/@inkrealm" target="_blank" class="contact-icon">
            <i class="fa fa-pencil" aria-hidden="true"></i></a>
          
          <a href="https://is.nota.live/@Inkrealm" target="_blank" class="contact-icon">
            <i class="fa fa-book" aria-hidden="true"></i></a>
			    
        </ul>

  </div>

      </div>
    <footer class="bg-zinc-900 p-6 mt-12">  
    <ul class="flex space-x-6">
   <h1 class="cyberpunk glitched">
      <li><a href="a href="https://inkrealm.info" class="hover:text-gray-300">domain</a></li></h1 class="cyberpunk glitched">
    </footer class="bg-zinc-900 p-6 mt-12"> 
	    
  </div>
   	
</body>
     </html>