From e2a95125da61aba07a66009bd47c605ea75de493 Mon Sep 17 00:00:00 2001
From: samriddhitiwary <151003533+samriddhitiwary@users.noreply.github.com>
Date: Thu, 7 Nov 2024 23:33:57 +0530
Subject: [PATCH] New

---
 Sample.html | 241 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 index.html  |   9 ++
 2 files changed, 250 insertions(+)
 create mode 100644 Sample.html
diff --git a/Sample.html b/Sample.html
new file mode 100644
index 0000000..36bfe1c
--- /dev/null
+++ b/Sample.html
@@ -0,0 +1,241 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Ultimate Chaos Web</title>
+    <style>
+        /* Basic Reset */
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        /* Body Styling */
+        body, html {
+            overflow: hidden;
+            height: 100vh;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            color: #fff;
+            font-family: Arial, sans-serif;
+            text-align: center;
+        }
+
+        /* Hypnotic Background */
+        .hypnotic-background {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: radial-gradient(circle, #ff00ff, #00ffff);
+            animation: hypnotic 2s linear infinite;
+            z-index: -1;
+            transition: background 0.3s ease;
+        }
+
+        @keyframes hypnotic {
+            0% { transform: rotate(0deg) scale(1); }
+            100% { transform: rotate(720deg) scale(1.1); }
+        }
+
+        /* Layered Pattern Overlay */
+        .hypnotic-overlay {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: repeating-radial-gradient(circle, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.05) 10px, transparent 15px, rgba(255, 255, 255, 0.1) 20px);
+            animation: overlayAnimation 1s linear infinite alternate;
+            z-index: -1;
+            mix-blend-mode: overlay;
+        }
+
+        @keyframes overlayAnimation {
+            0% { transform: scale(1) rotate(0deg); }
+            50% { transform: scale(1.2) rotate(20deg); }
+            100% { transform: scale(1) rotate(-20deg); }
+        }
+
+        /* Chaotic Text */
+        .chaos-text {
+            position: absolute;
+            animation: flicker 0.1s infinite alternate;
+            color: #ff00ff;
+            cursor: pointer;
+            transition: transform 0.5s ease;
+            font-size: 3rem; /* Default size */
+        }
+
+        @keyframes flicker {
+            0%, 100% { opacity: 1; color: #ff00ff; }
+            50% { opacity: 0.5; color: #00ffff; }
+        }
+
+        /* Floating Icons */
+        .floating-icon {
+            position: absolute;
+            font-size: 5rem; /* Increased size */
+            color: #ffcc00;
+            opacity: 0.8;
+            cursor: pointer;
+            transition: transform 0.5s ease;
+        }
+
+        /* Random Movement */
+        .random-move {
+            animation: randomMove 5s infinite alternate;
+        }
+
+        @keyframes randomMove {
+            0% { transform: translate(0, 0); }
+            25% { transform: translate(50px, -50px); }
+            50% { transform: translate(-50px, 50px); }
+            75% { transform: translate(50px, 30px); }
+            100% { transform: translate(-30px, -30px); }
+        }
+
+        /* Clone Styling */
+        .clone {
+            position: absolute;
+            font-size: 2rem;
+            opacity: 0.7;
+            animation: fall 1s ease forwards;
+        }
+
+        @keyframes fall {
+            from { transform: translateY(0); }
+            to { transform: translateY(100vh); opacity: 0; }
+        }
+
+        /* Spiral Letter Styling */
+        .spiral-letter {
+            position: absolute;
+            font-size: 3rem;
+            color: #ffcc00;
+            opacity: 0.7;
+            animation: spiral 5s linear forwards;
+        }
+
+        @keyframes spiral {
+            0% {
+                transform: translate(0, 0) scale(1) rotate(0deg);
+                opacity: 1;
+            }
+            100% {
+                transform: translate(-50%, -50%) scale(0.1) rotate(720deg);
+                opacity: 0;
+            }
+        }
+
+        /* Burst Animation */
+        @keyframes burst {
+            0% {
+                transform: scale(1);
+                opacity: 1;
+            }
+            100% {
+                transform: scale(3) rotate(360deg);
+                opacity: 0;
+            }
+        }
+
+        /* Screen Flicker Animation */
+        @keyframes screenFlicker {
+            0%, 100% { opacity: -1; }
+            50% { opacity: 0.9; }
+            75% { opacity: 0.8; }
+        }
+
+        .hypnotic-background, .hypnotic-overlay {
+            animation: hypnotic 2s linear infinite, screenFlicker 0.1s infinite alternate;
+        }
+
+    </style>
+</head>
+<body>
+    <!-- Hypnotic Background and Overlay -->
+    <div class="hypnotic-background" id="hypnoticBackground"></div>
+    <div class="hypnotic-overlay" id="hypnoticOverlay"></div>
+
+    <!-- Main Content -->
+    <div class="chaos-text" id="chaosText">Ultimate Chaos Web</div>
+
+    <!-- Floating Icons -->
+    <div class="floating-icon random-move" style="left: 15%; top: 25%;" onclick="createClones(event)">💥</div>
+    <div class="floating-icon random-move" style="left: 75%; top: 45%;" onclick="createClones(event)">🎉</div>
+    <div class="floating-icon random-move" style="left: 35%; top: 70%;" onclick="createClones(event)">🔥</div>
+    <div class="floating-icon random-move" style="left: 55%; top: 30%;" onclick="createClones(event)">🎈</div>
+    <div class="floating-icon random-move" style="left: 80%; top: 20%;" onclick="createClones(event)">🌟</div>
+    <div class="floating-icon random-move" style="left: 10%; top: 60%;" onclick="createClones(event)">🚀</div>
+    <div class="floating-icon random-move" style="left: 90%; top: 70%;" onclick="createClones(event)">🌈</div>
+    <div class="floating-icon random-move" style="left: 50%; top: 50%;" onclick="createClones(event)">🎶</div>
+
+    <script>
+        const chaosText = document.getElementById('chaosText');
+        const hypnoticBackground = document.getElementById('hypnoticBackground');
+        const hypnoticOverlay = document.getElementById('hypnoticOverlay');
+
+        // Random letters array
+        const letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
+        
+        // Function to apply chaos effect on text
+        function applyChaos() {
+            const maxWidth = window.innerWidth - chaosText.offsetWidth;
+            const maxHeight = window.innerHeight - chaosText.offsetHeight;
+            const randomX = Math.floor(Math.random() * maxWidth);
+            const randomY = Math.floor(Math.random() * maxHeight);
+            const randomSize = Math.floor(Math.random() * 5 + 2) + 'rem'; // Random size
+
+            chaosText.style.left = `${randomX}px`;
+            chaosText.style.top = `${randomY}px`;
+            chaosText.style.fontSize = randomSize; // Change size randomly
+
+            // Change background colors randomly
+            const randomColor1 = `#${Math.floor(Math.random() * 16777215).toString(16)}`;
+            const randomColor2 = `#${Math.floor(Math.random() * 16777215).toString(16)}`;
+            hypnoticBackground.style.background = `radial-gradient(circle, ${randomColor1}, ${randomColor2})`;
+
+            // Randomize overlay size and rotation
+            const randomScale = Math.random() * 0.5 + 0.75;
+            const randomRotation = Math.floor(Math.random() * 360);
+            hypnoticOverlay.style.transform = `scale(${randomScale}) rotate(${randomRotation}deg)`;
+        }
+
+        // Create clones of the clicked icon and scatter them
+        function createClones(event) {
+            const icon = event.target.innerText;
+            const fragment = document.createDocumentFragment();
+
+            // Enlarge the clicked emoji
+            event.target.style.animation = 'burst 0.5s forwards';
+            
+            for (let i = 0; i < 100; i++) {
+                const clone = document.createElement('div');
+                clone.classList.add('clone');
+                clone.textContent = icon;
+                clone.style.left = `${Math.random() * window.innerWidth}px`;
+                clone.style.top = `${Math.random() * window.innerHeight}px`;
+                clone.style.fontSize = `${Math.random() * 2 + 1}rem`;
+                clone.style.animationDelay = `${Math.random() * 2}s`;
+                fragment.appendChild(clone);
+            }
+
+            // Append the clones to the document
+            document.body.appendChild(fragment);
+
+            // Remove clones after animation
+            setTimeout(() => {
+                document.body.querySelectorAll('.clone').forEach(clone => clone.remove());
+            }, 1000);
+        }
+
+        // Apply chaos at intervals
+        setInterval(applyChaos, 3000);
+    </script>
+</body>
+</html>
diff --git a/index.html b/index.html
index 75e50b4..9361fae 100644
--- a/index.html
+++ b/index.html
@@ -179,6 +179,15 @@ <h1 style="margin-top: -5%">
             <svg xmlns="http://www.w3.org/2000/svg" width="170" height="180" viewBox="0 0 524.67004 400.49112" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M252.76565,148.861c2.86976-3.16131,7.60931-2.23744,10.76275-.00619,4.05844,2.87158,5.21907,8.11556,5.81777,12.76395,1.01352,7.86914,1.31341,18.99289,10.23692,22.28274,4.12282,1.51997,8.84227,.26478,12.32454-2.20329,3.80362-2.69582,6.17619-6.84264,7.76535-11.1404,1.92404-5.2034,3.03773-10.76951,3.98177-16.22258,.9654-5.57644,1.59813-11.21294,1.88228-16.86528,.27799-5.5299,.09705-11.02347-.12279-16.54977-.17165-4.31476-.23712-8.84561,1.22036-12.97151,1.472-4.167,4.89447-7.3365,9.39465-7.75455,4.36807-.40578,8.86681,1.43616,12.02712,4.40895,7.58288,7.13297,7.93962,18.7777,9.63441,28.34164,.89044,5.0249,2.19211,10.10963,4.9207,14.4814,2.24409,3.59549,5.36287,6.6098,8.95517,8.84618,7.24549,4.51067,16.47836,5.827,24.51844,2.72806,7.84962-3.02553,14.1682-9.63939,16.9023-17.58902,.67522-1.96325,1.09231-3.99133,1.30383-6.05478,.09834-.95936-1.40236-.95249-1.5,0-.89895,8.76944-6.52803,16.71146-14.24183,20.87077-7.93725,4.27979-17.54933,3.73678-25.30418-.70008-3.81245-2.18125-7.12878-5.25788-9.43314-9.00978-2.79459-4.55009-3.9913-9.85369-4.86189-15.06098-1.57239-9.405-2.28567-20.2034-9.33431-27.4246-5.46655-5.60038-15.52605-7.84785-21.40106-1.60977-6.0495,6.42335-4.23607,16.77036-4.04289,24.74402,.28291,11.67769-.92109,23.38256-3.58993,34.755-1.1617,4.95023-2.49801,10.05492-5.4137,14.29959-2.66461,3.87915-7.01959,6.88593-11.86898,6.83807-4.83612-.04773-8.23405-3.60209-9.95096-7.83966-1.81134-4.47065-1.93003-9.29889-2.55681-14.01808-.57538-4.33215-1.62376-9.12611-4.87253-12.29657-2.52633-2.46544-6.27409-4.05242-9.82974-3.4854-1.70851,.27246-3.22356,1.1026-4.38429,2.38125-.64757,.71336,.41014,1.77727,1.06066,1.06066h0Z" fill="#1894cb"/><g><path d="M469.53994,309.22532c-.8443-1.42365-4.49683,.10068-5.16833-1.19135-.66913-1.28735,2.72449-3.24887,4.66333-7.7298,.34967-.80807,2.55298-5.90033,.92188-7.47162-3.09174-2.97836-17.23962,9.31259-22.19073,5.29041-1.08661-.88269-1.8457-2.64484-5.13428-5.50583-1.30829-1.13815-2.09937-1.65204-2.86499-1.46085-1.08636,.27127-1.17242,1.72522-2.33734,4.58398-1.74701,4.28729-2.78027,4.02841-3.79816,7.44897-.75562,2.53925-.58301,4.01553-1.47217,4.30313-1.25824,.40701-2.41638-2.28632-4.01099-2.04517-1.6272,.24612-2.61096,3.38205-2.92169,5.72998-.58313,4.40607,1.03497,7.31348,1.93182,10.37064,.97461,3.32236,1.55304,8.37494-.69769,15.52759l-22.27719,62.76614c4.91812-12.87943,19.15842-48.18536,25.14218-61.3053,1.72742-3.78745,3.6347-7.62909,7.55096-9.14526,3.77045-1.45978,8.94867-.58823,15.55029-2.17862,.771-.1857,2.91052-.73007,3.17981-1.98849,.22266-1.04037-1.03583-1.62109-.84247-2.59549,.25934-1.30701,2.73413-1.32306,5.77533-2.83096,2.14447-1.06332,3.48047-2.32785,4.62933-3.41531,.34637-.32785,5.49512-5.26166,4.37115-7.1568h-.00006Z" fill="#f2f2f2"/><path d="M381.89483,342.26804c-.94235,.0036-1.24805,2.23611-2.07593,2.1929-.82492-.04303-.80847-2.2746-2.4483-4.5191-.29572-.40475-2.1593-2.95547-3.40115-2.60825-2.35385,.65808-.4035,11.14828-3.80618,12.41782-.74673,.27863-1.83066,.14276-4.18369,.93134-.9361,.31372-1.41656,.55371-1.54364,.98465-.1803,.61145,.50845,1.07324,1.57544,2.46979,1.60016,2.09445,1.17496,2.52692,2.56009,4.01343,1.02826,1.10352,1.80264,1.44476,1.68723,1.96414-.16327,.73499-1.81934,.52631-2.16107,1.37851-.34869,.86966,.90659,2.25729,1.9693,3.08725,1.99429,1.5575,3.88812,1.6022,5.64737,2.04413,1.91183,.48026,4.55859,1.65421,7.41974,4.82266l24.37836,29.04382c-4.90228-6.12997-18.12189-23.30609-22.83472-30.0285-1.3605-1.94061-2.69568-3.98517-2.30984-6.34479,.37143-2.27176,2.29327-4.56177,3.41748-8.26077,.13132-.43201,.48145-1.63916-.05847-2.13443-.44638-.40945-1.09451,.04068-1.51697-.33539-.56665-.50443,.13953-1.72369,.27689-3.6514,.09686-1.35931-.13831-2.37988-.34055-3.25754-.06097-.26459-.99695-4.21518-2.25137-4.21036v.00009Z" fill="#f2f2f2"/><path d="M400.69445,346.48813l-.56775-5.06818,.2594-.38422c1.20035-1.77667,1.81216-3.51175,1.81949-5.15872,.00122-.26184-.01102-.52371-.02325-.79044-.04895-1.05719-.11011-2.37134,.5751-3.90329,.38422-.85406,1.46344-2.83142,3.08594-2.5867,.43683,.06119,.76721,.26184,1.01804,.49677,.03671-.05872,.07465-.11746,.11502-.18109,.50534-.77087,.90546-1.10123,1.29089-1.41937,.29611-.24472,.60202-.49677,1.08167-1.0939,.21045-.26184,.37442-.49188,.5127-.68521,.41971-.58487,.96786-1.28235,1.93451-1.27011,1.03271,.04895,1.57355,.90302,1.93207,1.46832,.63995,1.00824,.92993,1.73508,1.12204,2.21716,.06976,.17621,.14929,.37442,.18967,.43561,.33282,.48944,3.03824,.0318,4.05746-.13461,2.28937-.38177,4.27039-.71213,5.08655,.73172,.5849,1.03271,.15051,2.39825-1.33008,4.1676-.4613,.55063-.95197,.96909-1.38757,1.29703,.36096,.21536,.68396,.54572,.81494,1.06454h0c.30835,1.22849-.74762,2.45944-3.13733,3.66348-.59344,.30099-1.39246,.70236-2.51205,.89569-.52737,.09055-1.00214,.11258-1.40836,.12482-.00858,.23492-.06363,.48944-.20679,.75128-.41971,.77087-1.29333,1.13794-2.60995,1.04984-1.44876-.07587-2.64175-.35239-3.69406-.59467-.91891-.21045-1.7106-.3891-2.33218-.3475-1.15262,.09299-2.04099,1.01559-3.08347,2.21228l-2.6026,3.04187h-.00003Z" fill="#f2f2f2"/><path d="M403.32815,316.3122l-4.75842,1.83472-.43744-.15347c-2.02304-.71045-3.85654-.86215-5.45151-.45148-.2536,.06525-.50378,.14349-.7587,.22299-1.01019,.31549-2.26587,.70801-3.92151,.43378-.92361-.155-3.11002-.69739-3.28485-2.32889-.05161-.43805,.05869-.80853,.22232-1.11075-.06613-.0206-.13257-.04239-.20435-.06531-.87384-.2933-1.29489-.59653-1.70041-.88867-.31183-.22437-.63324-.45633-1.33249-.76883-.30667-.13715-.57077-.2374-.79285-.32211-.67221-.2576-1.4859-.61096-1.71924-1.5491-.2146-1.01135,.47437-1.75113,.93024-2.24133,.81296-.87476,1.44244-1.33963,1.86005-1.64774,.15274-.11215,.32431-.23938,.37326-.29395,.38901-.44608-.73987-2.94693-1.15936-3.89062-.94998-2.11765-1.77203-3.95007-.5824-5.10577,.85059-.8277,2.28165-.75391,4.36868,.22946,.64963,.30655,1.17886,.67502,1.60657,1.01321,.11676-.40378,.35437-.80005,.82303-1.05829h0c1.11011-.60986,2.56863,.09933,4.33945,2.10547,.44168,.49768,1.03259,1.16876,1.50357,2.2027,.22134,.48715,.36307,.9408,.47797,1.33066,.22943-.0513,.48956-.06259,.77917,.00946,.85211,.21045,1.4288,.9624,1.67752,2.2583,.2941,1.42062,.32922,2.64474,.36179,3.72409,.02951,.94226,.0575,1.75336,.25543,2.34406,.38232,1.09134,1.50006,1.71661,2.92206,2.42148l3.60254,1.74591-.00012,.00003Z" fill="#f2f2f2"/><path d="M400.69445,301.3812l-.56775-5.06818,.2594-.38422c1.20035-1.77667,1.81216-3.51175,1.81949-5.15872,.00122-.26184-.01102-.52371-.02325-.79044-.04895-1.05719-.11011-2.37134,.5751-3.90329,.38422-.85406,1.46344-2.83142,3.08594-2.5867,.43683,.06119,.76721,.26184,1.01804,.49677,.03671-.05872,.07465-.11746,.11502-.18109,.50534-.77087,.90546-1.10123,1.29089-1.41937,.29611-.24472,.60202-.49677,1.08167-1.0939,.21045-.26184,.37442-.49188,.5127-.68521,.41971-.58487,.96786-1.28235,1.93451-1.27011,1.03271,.04895,1.57355,.90302,1.93207,1.46832,.63995,1.00824,.92993,1.73508,1.12204,2.21716,.06976,.17621,.14929,.37442,.18967,.43561,.33282,.48944,3.03824,.0318,4.05746-.13461,2.28937-.38177,4.27039-.71213,5.08655,.73172,.5849,1.03271,.15051,2.39825-1.33008,4.1676-.4613,.55063-.95197,.96909-1.38757,1.29703,.36096,.21536,.68396,.54572,.81494,1.06454h0c.30835,1.22849-.74762,2.45944-3.13733,3.66348-.59344,.30099-1.39246,.70236-2.51205,.89569-.52737,.09055-1.00214,.11258-1.40836,.12482-.00858,.23492-.06363,.48944-.20679,.75128-.41971,.77087-1.29333,1.13794-2.60995,1.04984-1.44876-.07587-2.64175-.35239-3.69406-.59467-.91891-.21045-1.7106-.3891-2.33218-.3475-1.15262,.09299-2.04099,1.01559-3.08347,2.21228l-2.6026,3.04187h-.00003Z" fill="#f2f2f2"/><path d="M405.88009,399.75895l-1.0621-.66565-.25696-1.22604,.25696,1.22604-1.23828,.14194c-.01959-.11502-.08688-.37933-.18842-.79291-.55429-2.26611-2.24408-9.16235-3.65369-20.02304-.9838-7.58145-1.54053-15.37579-1.65555-23.17017-.11502-7.80658,.25452-13.71661,.55063-18.46661,.22391-3.5827,.49557-6.99411,.7623-10.31744,.70969-8.87848,1.379-17.26505,.88098-26.54974-.11011-2.07278-.3414-6.38721-2.862-10.97818-1.46222-2.66257-3.47626-5.02655-5.98709-7.02347l1.56131-1.96265c2.77145,2.20737,4.99963,4.8259,6.62338,7.78214,2.79471,5.09018,3.04678,9.79129,3.16791,12.05005,.50656,9.44867-.17007,17.91602-.88712,26.88013-.26431,3.31107-.53595,6.70779-.75864,10.27582-.29367,4.70599-.65952,10.56458-.54572,18.27084,.11258,7.70135,.66318,15.40027,1.63351,22.88629,1.39246,10.72366,3.0578,17.51712,3.60474,19.74896,.29123,1.1918,.35239,1.44141,.05383,1.91373v-.00003Z" fill="#f2f2f2"/><path d="M386.83102,285.8953c-.10278,0-.20679-.00244-.31201-.0098-2.13397-.11502-4.11008-1.39246-5.87451-3.79562-.82715-1.13062-1.25052-2.42029-2.09482-4.99231-.13092-.39645-.76721-2.40805-1.15387-5.17584-.2533-1.8085-.22147-2.56467,.13705-3.23276,.39767-.74396,1.04129-1.26276,1.76566-1.6127-.0318-.23984-.00613-.487,.0979-.73907,.42703-1.04495,1.56253-.9079,2.17679-.84183,.31079,.03915,.69867,.09055,1.11716,.06851,.65829-.0318,1.01193-.2276,1.54785-.52127,.5127-.28143,1.15018-.63138,2.09604-.82471,1.86478-.3891,3.42731,.1395,3.94244,.31323,2.71027,.90302,4.04645,3.01007,5.59308,5.44992,.30835,.48944,1.36676,2.271,2.06543,4.71332,.50412,1.76199,.43317,2.5451,.28143,3.12753-.30835,1.19669-1.03638,1.8819-2.88525,3.39429-1.93085,1.58334-2.89993,2.37625-3.73199,2.85834-1.93695,1.11838-3.15323,1.82071-4.76837,1.82071v.00006Z" fill="#f2f2f2"/></g><path d="M333.8104,87.33546h-34.22061c-.86273,0-1.56471-.70199-1.56471-1.56472s.70199-1.56439,1.56471-1.56439h34.22061c.86273,0,1.56439,.70166,1.56439,1.56439s-.70166,1.56471-1.56439,1.56471Z" fill="#e6e6e6"/><path d="M386.8104,178.33546h-34.22061c-.86273,0-1.56471-.70199-1.56471-1.56472s.70199-1.56439,1.56471-1.56439h34.22061c.86273,0,1.56439,.70166,1.56439,1.56439s-.70166,1.56471-1.56439,1.56471Z" fill="#e6e6e6"/><path d="M414.8104,240.33546h-34.22061c-.86273,0-1.56471-.70199-1.56471-1.56472s.70199-1.56439,1.56471-1.56439h34.22061c.86273,0,1.56439,.70166,1.56439,1.56439s-.70166,1.56471-1.56439,1.56471Z" fill="#e6e6e6"/><path d="M258.8104,53.33546h-34.22061c-.86273,0-1.56471-.70199-1.56471-1.56472s.70199-1.56439,1.56471-1.56439h34.22061c.86273,0,1.56439,.70166,1.56439,1.56439s-.70166,1.56471-1.56439,1.56471Z" fill="#e6e6e6"/><path d="M0,398.59438c0,.66003,.53003,1.19,1.19006,1.19H523.48004c.65997,0,1.19-.52997,1.19-1.19,0-.65997-.53003-1.19-1.19-1.19H1.19006c-.66003,0-1.19006,.53003-1.19006,1.19Z" fill="#ccc"/><path d="M397.24803,222.17969H242.14794c-.55228,0-1-.44772-1-1V73.17969c0-.55273,.44775-1,1-1s1,.44727,1,1v60.38821c0,47.83437,38.77742,86.61179,86.61179,86.61179h67.48831c.55225,0,1,.44727,1,1s-.44775,1-1,1Z" fill="#e6e6e6"/><path d="M274.8104,162.69908h-34.22061c-.86273,0-1.56471-.70199-1.56471-1.56472s.70199-1.56439,1.56471-1.56439h34.22061c.86273,0,1.56439,.70166,1.56439,1.56439s-.70166,1.56471-1.56439,1.56471Z" fill="#e6e6e6"/><g><path id="uuid-5c502ea6-9d8d-47ac-9944-b5b4822d592a-462" d="M240.87964,167.15159c5.42719-1.79229,8.9016-6.04538,7.76041-9.49909s-6.46521-4.79971-11.8941-3.00605c-2.17845,.68675-4.16075,1.8852-5.78107,3.49511l-22.89933,7.88442,3.92898,10.66712,22.15755-8.90516c2.26117,.32821,4.56806,.11001,6.72756-.63636Z" fill="#ffb6b6"/><path id="uuid-ca9917be-6801-4c2d-b7fb-204f6c00dfb7-463" d="M123.16708,228.28894c.18529,5.71248,3.28296,10.24731,6.9184,10.12879s6.43132-4.84502,6.2452-10.55951c-.04304-2.28372-.63235-4.52394-1.71865-6.5332l-1.09073-24.19408-11.34266,.75385,2.2795,23.77105c-.95392,2.07621-1.39663,4.35071-1.29105,6.63311Z" fill="#ffb6b6"/><g><polygon points="149.35347 391.31135 159.47793 391.31037 162.07196 352.00001 149.35144 352.25951 149.35347 391.31135" fill="#ffb6b6"/><path d="M184.04113,391.08169h0c.31524,.53092,.48158,2.2445,.48158,2.86192h0c0,1.89778-1.53843,3.43628-3.43628,3.43628h-31.35425c-1.29466,0-2.34425-1.04953-2.34425-2.34425v-1.30538s-1.55106-3.92334,1.6423-8.75907c0,0,3.96893,3.78645,9.89953-2.14415l1.74888-3.16823,12.65949,9.25851,7.01697,.86372c1.53517,.18895,2.89624-.02932,3.68591,1.30063h.00012Z" fill="#2f2e41"/></g><g><polygon points="173.35347 391.31135 183.47793 391.31037 186.07196 352.00001 173.35144 352.25951 173.35347 391.31135" fill="#ffb6b6"/><path d="M208.04113,391.08169h0c.31524,.53092,.48158,2.2445,.48158,2.86192h0c0,1.89778-1.53843,3.43628-3.43628,3.43628h-31.35425c-1.29466,0-2.34425-1.04953-2.34425-2.34425v-1.30538s-1.55106-3.92334,1.6423-8.75907c0,0,3.96893,3.78645,9.89953-2.14415l1.74888-3.16823,12.65949,9.25851,7.01697,.86372c1.53517,.18895,2.89624-.02932,3.68591,1.30063h.00012Z" fill="#2f2e41"/></g><circle cx="155.24496" cy="83.62152" r="14.89321" fill="#ffb6b6"/><polygon points="134.63817 207.5 141.63817 307.5 145.63817 374.5 164.63817 373.5 162.63817 300.5 166.63817 255.5 172.63817 373.5 187.76022 373.5 193.63817 208.5 161.13817 204 134.63817 207.5" fill="#2f2e41"/><path d="M160.63817,95.5c-4.23587,4.07751-14.02512,1.3739-19,0-2.73837-.75623-4.39096-1.53564-5-3-.42337-1.01794-.1828-1.98315-1-4-.47864-1.1814-.73108-1.26953-1-2-.74966-2.03625,.29163-3.85046,1-6,1.47809-4.48523-.28665-4.98889,1-8,1.93433-4.52686,7.19617-6.36865,9-7,3.36783-1.17883,6.17654-1.0542,7-1,5.27545,.34729,8.80237,3.05432,10,4,2.42767,1.91699,3.61844,3.9447,6,8,2.07245,3.52893,2.22351,4.88318,2,6-.34058,1.70178-1.32202,1.70813-2,4-.76959,2.60156,.1058,3.90906-1,5-.7475,.73743-1.44217,.43066-3,1-2.14407,.78357-3.20242,2.2323-4,3Z" fill="#2f2e41"/><path d="M172.63817,110.5s-15-19-34-12l-6.15354,12-2.0559,1.94608c-8.62416,8.16349-12.63663,20.07364-10.71041,31.7915l8.91985,54.26242s-1,21,6,27c0,0,10-19,34-10s29,4,29,4l-8-57-17-52Z" fill="#2f2e41"/><path d="M167.63817,113.5l-5,11,19,64,52-19-7-12-25,7s-19-56-34-51Z" fill="#2f2e41"/><polygon points="132.13817 214 121.13817 214 119.13817 134 132.13817 161 132.13817 214" fill="#2f2e41"/></g><circle cx="252.63817" cy="148.5" r="4.5" fill="#3f3d56"/><circle cx="282.63817" cy="183.5" r="4.5" fill="#3f3d56"/><circle cx="316.63817" cy="99.5" r="4.5" fill="#3f3d56"/><circle cx="366.63817" cy="159.5" r="4.5" fill="#3f3d56"/><circle cx="395.63817" cy="135.5" r="4.5" fill="#3f3d56"/><g><path d="M387.06526,40.02396l8.22992,3.89856c-3.37555-4.71082-6.28418-12.06805-7.84137-17.92249-2.63654,5.45343-6.88672,12.1261-11.09375,16.11194l8.69812-2.23767c-5.35974,26.26794-25.5191,45.12573-48.60437,45.12573l-.32679,.9488c24.11316,0,45.46577-18.59639,50.93824-45.92488Z" fill="#3f3d56"/><path d="M362.18605,0h52c2.20557,0,4,1.79443,4,4s-1.79443,4-4,4h-52c-2.20557,0-4-1.79443-4-4S359.98048,0,362.18605,0Z" fill="#1894cb"/></g><path d="M397.31639,230.36426c-.54834,0-1.10156-.12207-1.62842-.36914-1.29932-.61035-2.11523-1.83105-2.18164-3.26465l-.53906-11.62598c-.06934-1.49316,.70996-2.85059,2.03418-3.54395,1.32373-.69336,2.88428-.55859,4.07129,.34766l7.91797,6.05566c.95215,.72754,1.49609,1.83301,1.49219,3.03027-.00342,1.19922-.5542,2.2998-1.51074,3.02246l-7.37891,5.57129c-.68115,.51367-1.47363,.77637-2.27686,.77637Z" fill="#e6e6e6"/><path d="M251.34464,74.14915c0,.54834-.12207,1.10156-.36914,1.62842-.61035,1.29932-1.83105,2.11523-3.26465,2.18164l-11.62598,.53906c-1.49316,.06934-2.85059-.70996-3.54395-2.03418-.69336-1.32373-.55859-2.88428,.34766-4.07129l6.05566-7.91797c.72754-.95215,1.83301-1.49609,3.03027-1.49219,1.19922,.00342,2.2998,.5542,3.02246,1.51074l5.57129,7.37891c.51367,.68115,.77637,1.47363,.77637,2.27686Z" fill="#e6e6e6"/><path d="M316.26889,63.85272c-5.92014-1.41814-12.24545-.13464-17.30614,3.2084-5.30668,3.50554-8.82031,9.11903-10.0096,15.3379-2.45363,12.83018,5.04261,25.64732,16.88993,30.75384,12.45438,5.36818,27.2702,1.76616,36.31447-8.19696,4.48285-4.93828,7.28456-11.18568,8.12807-17.79225,.83098-6.50841-.11676-14.01752-4.05771-19.44941-3.90912-5.38802-10.41844-7.19611-16.705-8.07909-6.09979-.85675-14.19186-1.22914-17.49008,5.22723-.62885,1.23099-.92441,2.5575-.85473,3.93811,.04848,.96063,1.54878,.96642,1.5,0-.15235-3.01869,1.86017-5.54107,4.43979-6.89779,2.98966-1.57238,6.5957-1.43922,9.85614-1.08876,5.88621,.6327,12.56907,1.76138,16.81389,6.28219,4.22843,4.50336,5.49595,11.36601,5.23347,17.34385-.27397,6.23955-2.42378,12.38083-6.19084,17.371-7.43366,9.84727-20.43969,14.53216-32.40476,11.35104-11.65835-3.09958-11.81078-10.01835-11.6183-22.27078,.10268-6.53654-6.07181-16.82518-1.03063-21.08477,4.9357-4.17047,11.77663-6.02045,18.0933-4.50732,.93824,.22475,1.33861-1.22128,.39876-1.44642h0Z" fill="#1894cb"/></svg>
             <span>Word Guess</span>
         </div>
+
+
+        <div class="nav-item" id="home" onclick="navigateTo('./Sample.html')">
+            <svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width="142" height="134" viewBox="0 0 869.99994 520.13854" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M831.09242,704.18737c-11.13833-9.4118-17.90393-24.27967-16.12965-38.75366s12.76358-27.78,27.01831-30.85364,30.50415,5.43465,34.83378,19.3594c2.3828-26.84637,5.12854-54.81757,19.40179-77.67976,12.92407-20.70115,35.3088-35.51364,59.5688-38.16357s49.80265,7.35859,64.93272,26.50671,18.83461,46.98549,8.2379,68.96911c-7.80623,16.19456-22.188,28.24676-37.2566,38.05184a240.45181,240.45181,0,0,1-164.45376,35.97709Z" transform="translate(-165.00003 -189.93073)" fill="#f2f2f2"/><path d="M996.72788,546.00953a393.41394,393.41394,0,0,0-54.82622,54.44229,394.561,394.561,0,0,0-61.752,103.194c-1.112,2.72484,3.31272,3.911,4.4123,1.21642A392.34209,392.34209,0,0,1,999.96343,549.24507c2.28437-1.86015-.97-5.08035-3.23555-3.23554Z" transform="translate(-165.00003 -189.93073)" fill="#fff"/><path d="M445.06712,701.63014c15.2985-12.92712,24.591-33.34815,22.15408-53.22817s-17.53079-38.15588-37.10966-42.37749-41.89745,7.46449-47.8442,26.59014c-3.27278-36.87349-7.04406-75.29195-26.64837-106.69317-17.75122-28.433-48.49666-48.778-81.81777-52.41768s-68.40395,10.107-89.18511,36.407-25.86934,64.53459-11.31476,94.72909c10.72185,22.24324,30.47528,38.79693,51.17195,52.26422,66.02954,42.9653,147.93912,60.88443,225.8773,49.41454" transform="translate(-165.00003 -189.93073)" fill="#f2f2f2"/><path d="M217.56676,484.37281a540.35491,540.35491,0,0,1,75.30383,74.77651A548.0761,548.0761,0,0,1,352.25665,647.04a545.835,545.835,0,0,1,25.43041,53.8463c1.52726,3.74257-4.55,5.37169-6.06031,1.67075a536.35952,536.35952,0,0,0-49.009-92.727A539.73411,539.73411,0,0,0,256.889,528.63168a538.44066,538.44066,0,0,0-43.76626-39.81484c-3.13759-2.55492,1.33232-6.97788,4.444-4.444Z" transform="translate(-165.00003 -189.93073)" fill="#fff"/><path d="M789.5,708.93073h-365v-374.5c0-79.67773,64.82227-144.5,144.49976-144.5h76.00049c79.67749,0,144.49975,64.82227,144.49975,144.5Z" transform="translate(-165.00003 -189.93073)" fill="#f2f2f2"/><path d="M713.5,708.93073h-289v-374.5a143.38177,143.38177,0,0,1,27.59571-84.94434c.66381-.90478,1.32592-1.79785,2.00878-2.68115a144.46633,144.46633,0,0,1,30.75415-29.85058c.65967-.48,1.322-.95166,1.99415-1.42334a144.15958,144.15958,0,0,1,31.47216-16.459c.66089-.25049,1.33374-.50146,2.00659-.74219a144.01979,144.01979,0,0,1,31.1084-7.33593c.65772-.08985,1.333-.16016,2.0083-.23047a146.28769,146.28769,0,0,1,31.10547,0c.67334.07031,1.34864.14062,2.01416.23144a143.995,143.995,0,0,1,31.10034,7.335c.6731.24073,1.346.4917,2.00879.74268a143.79947,143.79947,0,0,1,31.10645,16.21582c.67163.46143,1.344.93311,2.00635,1.40478a145.987,145.987,0,0,1,18.38354,15.564,144.305,144.305,0,0,1,12.72437,14.55078c.68066.88037,1.34277,1.77344,2.00537,2.67676A143.38227,143.38227,0,0,1,713.5,334.43073Z" transform="translate(-165.00003 -189.93073)" fill="#ccc"/><circle cx="524.99994" cy="335.5" r="16" fill="#1894cb"/><polygon points="594.599 507.783 582.339 507.783 576.506 460.495 594.601 460.496 594.599 507.783" fill="#ffb8b8"/><path d="M573.58165,504.27982h23.64384a0,0,0,0,1,0,0v14.88687a0,0,0,0,1,0,0H558.69478a0,0,0,0,1,0,0v0a14.88688,14.88688,0,0,1,14.88688-14.88688Z" fill="#2f2e41"/><polygon points="655.599 507.783 643.339 507.783 637.506 460.495 655.601 460.496 655.599 507.783" fill="#ffb8b8"/><path d="M634.58165,504.27982h23.64384a0,0,0,0,1,0,0v14.88687a0,0,0,0,1,0,0H619.69478a0,0,0,0,1,0,0v0a14.88688,14.88688,0,0,1,14.88688-14.88688Z" fill="#2f2e41"/><path d="M698.09758,528.60035a10.74272,10.74272,0,0,1,4.51052-15.84307l41.67577-114.86667L764.791,409.082,717.20624,518.85271a10.80091,10.80091,0,0,1-19.10866,9.74764Z" transform="translate(-165.00003 -189.93073)" fill="#ffb8b8"/><path d="M814.33644,550.1843a10.74269,10.74269,0,0,1-2.89305-16.21659L798.53263,412.4583l23.33776,1.06622L827.23606,533.045a10.80091,10.80091,0,0,1-12.89962,17.13934Z" transform="translate(-165.00003 -189.93073)" fill="#ffb8b8"/><circle cx="612.1058" cy="162.12254" r="24.56103" fill="#ffb8b8"/><path d="M814.17958,522.54937H740.13271l.08911-.57617c.13306-.86133,13.19678-86.439,3.56177-114.436a11.813,11.813,0,0,1,6.06933-14.5835h.00025c13.77173-6.48535,40.20752-14.47119,62.52,4.90918a28.23448,28.23448,0,0,1,9.45947,23.396Z" transform="translate(-165.00003 -189.93073)" fill="#1894cb"/><path d="M754.35439,448.1812,721.01772,441.418l15.62622-37.02978a13.99723,13.99723,0,0,1,27.10571,6.99755Z" transform="translate(-165.00003 -189.93073)" fill="#1894cb"/><path d="M797.05043,460.73882l-2.00415-45.94141c-1.51977-8.63623,3.42408-16.80029,11.02735-18.13476,7.60547-1.32959,15.03174,4.66016,16.55835,13.35986l7.533,42.92774Z" transform="translate(-165.00003 -189.93073)" fill="#1894cb"/><path d="M811.71606,517.04933c11.91455,45.37671,13.21436,103.0694,10,166l-16-2-29-120-16,122-18-1c-5.37744-66.02972-10.61328-122.71527-2-160Z" transform="translate(-165.00003 -189.93073)" fill="#2f2e41"/><path d="M793.2891,371.03474c-4.582,4.88079-13.09131,2.26067-13.68835-4.40717a8.05467,8.05467,0,0,1,.01014-1.55569c.30826-2.95357,2.01461-5.63506,1.60587-8.7536a4.59046,4.59046,0,0,0-.84011-2.14892c-3.65124-4.88933-12.22227,2.18687-15.6682-2.23929-2.113-2.714.3708-6.98713-1.25065-10.02051-2.14006-4.00358-8.47881-2.0286-12.45388-4.22116-4.42275-2.43948-4.15822-9.22524-1.24686-13.35269,3.55052-5.03359,9.77572-7.71951,15.92336-8.10661s12.25292,1.27475,17.99229,3.51145c6.52109,2.54134,12.98768,6.05351,17.00067,11.78753,4.88021,6.97317,5.34986,16.34793,2.90917,24.50174C802.09785,360.98987,797.03077,367.04906,793.2891,371.03474Z" transform="translate(-165.00003 -189.93073)" fill="#2f2e41"/><path d="M1004.98163,709.57417h-738.294a1.19069,1.19069,0,0,1,0-2.38137h738.294a1.19069,1.19069,0,0,1,0,2.38137Z" transform="translate(-165.00003 -189.93073)" fill="#3f3d56"/><path d="M634,600.43073H504a6.46539,6.46539,0,0,1-6.5-6.41531V303.846a6.46539,6.46539,0,0,1,6.5-6.41531H634a6.46539,6.46539,0,0,1,6.5,6.41531V594.01542A6.46539,6.46539,0,0,1,634,600.43073Z" transform="translate(-165.00003 -189.93073)" fill="#fff"/><rect x="332.49994" y="201.38965"
+                 width="143" height="2" fill="#ccc"/><rect x="332.99994" y="315.5" width="143" height="2" fill="#ccc"/><rect x="377.49994" y="107.5" width="2" height="304" fill="#ccc"/><rect x="427.49994" y="107.5" width="2" height="304" fill="#ccc"/></svg>
+            <span>Hypnotic Visual</span>
+        </div>
+
+
     </div>
     <script src="preloader.js"></script>
     <script src="js/script.js"></script>
