<!-- 
GET OUT OF HERE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▄█▀▀▀▀▀▄▄░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█▀░░░░░░░░░█░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░█░░░░░░░░░░░░▌░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░▄▄▄▄▄▌░░░░░░▄░░░░▐░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░▄█▀▀░░░░░░░░░░▄█░░░░░█░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░▄█▀▀██▀░░░░░░░░░░░░░█░░░░░░░░█░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░█▀░░░░░░░░░▄▄▄▄▄▄░░░▐▀░░░░░░░░░░█░░░░░░░░░░░░░░░░░░
░░░░░░░░░█░░░░░░░░░█▀░░░░░░░░░░░░░▀▀▀▀▀▀▄░░█░░░░░░░░░░░░░░░░░
░░░░░░░░░▌░░░░░░░░▐░░░░░░░░░░░░░░▌░░░░░░▐░░▐░░░░░░░░░░░░░░░░░
░░░░░░░░▐░░░░░░░░░▀░░░▄█▀▀▀▀▀█░░▐░░█░░░░░▌░░█░░░░░░░░░░░░░░░░
░░░░░░░░░▌░░░░░░░░░░░█░░░░░░░░█░░█░░░░░░▀░░░▐░░░░░░░░░░░░░░░░
░░░░░░░░░▀█░░░░░░░░░░▌░░▄░░░░░▐░░░▀▀▄▄█▀░░░░░▌░░░░░░░░░░░░░░░
░░░░░░░░░░░▀▀█▄▄▄░░░░▌░░▀░░░░░█░░░░░░░░░░░░░░▌░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░▐░░░░█░░░░░░░▄▌░░░░░░▄█░░░░░░▌░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░▐░░░░░▀█▄▄▄▄█░░░░░░░██▌░░░░░▐░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░█░░░░░░░░░░░░░░░░░░░░░░░░░█▀░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░▀█▄░░░░░░░░░░░░░░░░░░░▄█▀░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░▀█▄▄▄░░░░░░░░░▄▄▄▀▀▀░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░▀▀▀▀▀▀█▀▀░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░▄▄▄▄▄█▄▄▄▄▄▄░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░██░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█░░█░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░█░░░░█░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
-->
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> website this is my website </title>
    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
 </head>
        <div id="container">
            <div id="headerArea">
                <center> <div id="header" style="height: 210px; margin-bottom: 10px;"></div> </center>   
            </div>
            
        <marquee direction="left" behavior="scroll" scrollamount="9">
        <img src="https://keysklubhouse.com/collect/graphics/blinkies/transrights1.gif" alt="Image 1">
        <img src="https://shishka.neocities.org/shishka/img/blinkies/160.gif" alt="Image 2">
        <img src="https://shishka.neocities.org/shishka/img/blinkies/162.gif" alt="Image 3">
        <img src="https://plasticdino.neocities.org/blinkie/sailor%20neptune.gif" alt="Image 4">
        <img src="https://funshinesblinkies.carrd.co/assets/images/gallery07/660b4839.gif?v=faca5e6c" alt="Image 5">
        <img src="https://i7.glitter-graphics.org/pub/1054/1054777j0822q2kr9.gif" alt="Image 6">
        <img src="https://64.media.tumblr.com/543e9993bef5e29a370acf376e310aa8/tumblr_o62a0yyMv21tr0nnlo6_250.gif" alt="Image 7">
        <img src="blinkiesCafe-xJ.gif" alt="Image 8">
        <img src="https://external-media.spacehey.net/media/skS3wVMs52uSzoCvhexHF0M94gXH-EkJbjFqMCjZTpF4=/https://64.media.tumblr.com/0ff5bc0d702d81fef7a6d414c132b1ed/b748f7cfcac85dba-d1/s250x400/4319bc782c58824d56ce16a6eb8762f414ca835d.gifv" alt="Image 9">
        </marquee>

            <div id="flex">
                <aside id="leftSidebar" style="margin-right: 10px;">

                    <center> <h3>My favourtie image of the however long I keep this up for</h3> </center>
                    <center> <img src="https://i.pinimg.com/564x/cf/13/8d/cf138d0fd4d5385b58c33afe839873f3.jpg" alt="farted" width="140" height="190"> </center>   
                    <br>
                    <a href="about-me!.html">
                    <center> <img src="About%20me!1.png" alt="about-me!.html" width="180" height="70"> </center>
                    </a> 
                    
                    <a href="https://jennifeblu.carrd.co/">
                    <center> <img src="link%20to%20my%20carrd!.png" alt="https://jennifeblu.carrd.co/" width="180" height="70"> </center>
                    </a> 
                    
                <h3> updates </h3>
                <p> moved a bunch of stuff explore ur self i'm not tellinggg hehehehehehehehehhehehehehee</p>
                    
                </aside>
                <main>
                    <center> <h1>welcoem to my webiste</h1> </center>
                    <center> <p> HhhhhhhHHHHHHHhhh....huhhhhhhrrrrrrrrr...hhhhhrrr..hhhhaaahhhhh.. </p> </center>
                    <center> <img src="mostwanted.png" alt="farted" width="600" height="360"> </center>
                    <p><strong>(content warnings: swearing(sorry I have a potty mouth))</strong></p>
                    
                    <p> Not mobile friendly AT ALL. probably best viewed in 1920 x 1080 </p>
                    <p> Welocme to MY website! i hop you enojoy my website :D 👍</p>
                    <p>my webiste is not finished and updates on here might be sloooowwwwww...... </p>
                    <center> <p>                        
                    </p> </center>
                    <center> <img src="wallace.gif"> </center>
                </main>      
            </div>
            
            <div class="sleppy">
            <img src="sleppy.png" alt="3005" width="221" height="235"> 
            </div>

        <style>
        ::-webkit-scrollbar {
        width: 12px; /
        }

        ::-webkit-scrollbar-track {
        background: #000000; 
        }

        ::-webkit-scrollbar-thumb {
        background: #fe188c; 
        border-radius: 6px; 
        }
            .sleppy {
            position: absolute;
            top: 660px; 
            right: 100px; 
            z-index: 2;     
            }

            :root {
                --header-image: url('logogk2.gif');
            }

            @font-face {
            font-family: "FreePixel";
            src: url("https://sadhost.neocities.org/fonts/FreePixel.ttf") format("truetype");
            }

            body {
                font-family: "FreePixel";
                margin: 0;
                background-color: #000000;
                color: white;
            }

            * {
                box-sizing: border-box;
            }

            /* below this line is CSS for the layout */

            #container {
                max-width: 900px;
                margin: 0 auto;
                            
            }

            #container a {
                color: white;
                font-weight: bold;
            }

            #header {
                width: 100%;
                height: 210px;
                width: 600px;
                background-image: var(--header-image);
                background-size: 100%;
            }

            #flex {
                display: flex;
            }
            
            aside {
                width: 200px;
                padding: 5px;
                font-size: smaller;
                border: 5px solid #fe188c;
            }

            main {
                flex: 2;
                padding: 20px;
                order: 2;
                border: 5px solid #fe188c;
                width: calc(100% - 600px);
                padding: 20px;
                overflow-y: auto; 
                height: 600px; 

            }

            */ #leftSidebar {
                order: 1;
            }

            h1,
            h2,
            h3 {
                color: #fe188c;
            }

            h1 {
                font-size: 25px;
            }

            strong {
                /* this styles bold text */
                color: #fe188c;
            }

            /* BELOW THIS POINT IS MEDIA QUERY */

            @media only screen and (max-width: 800px) {
                #flex {
                    flex-wrap: wrap;
                }

                aside {
                    width: 100%;
                }

                main {
                    order: 1;
                }

                #leftSidebar {
                    order: 2;
                }
             
            }
        </style>
    
<style type="text/css">* {cursor: url(https://cur.cursors-4u.net/food/foo-5/foo472.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/04/18/cosmopolitan-cocktail.html" target="_blank" title="Cosmopolitan Cocktail"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Cosmopolitan Cocktail" style="position:absolute; top: 0px; right: 0px;" /></a>