<!-- 
GET OUT OF HERE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░▄█▀▀▀▀▀▄▄░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█▀░░░░░░░░░█░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░█░░░░░░░░░░░░▌░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░▄▄▄▄▄▌░░░░░░▄░░░░▐░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░▄█▀▀░░░░░░░░░░▄█░░░░░█░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░▄█▀▀██▀░░░░░░░░░░░░░█░░░░░░░░█░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░█▀░░░░░░░░░▄▄▄▄▄▄░░░▐▀░░░░░░░░░░█░░░░░░░░░░░░░░░░░░
░░░░░░░░░█░░░░░░░░░█▀░░░░░░░░░░░░░▀▀▀▀▀▀▄░░█░░░░░░░░░░░░░░░░░
░░░░░░░░░▌░░░░░░░░▐░░░░░░░░░░░░░░▌░░░░░░▐░░▐░░░░░░░░░░░░░░░░░
░░░░░░░░▐░░░░░░░░░▀░░░▄█▀▀▀▀▀█░░▐░░█░░░░░▌░░█░░░░░░░░░░░░░░░░
░░░░░░░░░▌░░░░░░░░░░░█░░░░░░░░█░░█░░░░░░▀░░░▐░░░░░░░░░░░░░░░░
░░░░░░░░░▀█░░░░░░░░░░▌░░▄░░░░░▐░░░▀▀▄▄█▀░░░░░▌░░░░░░░░░░░░░░░
░░░░░░░░░░░▀▀█▄▄▄░░░░▌░░▀░░░░░█░░░░░░░░░░░░░░▌░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░▐░░░░█░░░░░░░▄▌░░░░░░▄█░░░░░░▌░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░▐░░░░░▀█▄▄▄▄█░░░░░░░██▌░░░░░▐░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░█░░░░░░░░░░░░░░░░░░░░░░░░░█▀░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░▀█▄░░░░░░░░░░░░░░░░░░░▄█▀░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░▀█▄▄▄░░░░░░░░░▄▄▄▀▀▀░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░▀▀▀▀▀▀█▀▀░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░▄▄▄▄▄█▄▄▄▄▄▄░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░██░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█░░█░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░█░░░░█░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
cred is Sadgrl for the layout.
thats right i used a layout sue me 
heres the link to the layout builder if u interested:
https://sadgrl.online/projects/layout-builder/
-->
<!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/8c/40/09/8c40094da83288e4c3b36c4e782a042a.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>
                    
                    <a href="shrine%20dictionary.html">
                    <center> <img src="shrine%20dictionary.png" alt="shrine%20dictionary" width="180" height="70"> </center>
                    </a> <br>
                
                    <a href="https://www.mabsland.com/Adoption.html">
                    <center> <img src="http://www.mabsland.com/Pandas/Censor_14c.gif" alt="https://www.mabsland.com/Adoption.html"> </center>
                    </a> 
                    
                </aside>
                
                <main>
                    <center> <h1>welcoem to my webiste</h1> </center>
                    <center> <p> 
                    if you on your period call me mose cause i'm about to split that red sea! ~(≧▽≦*)o   </p> </center>
                    <center> <img src="mostwanted.png" alt="farted" width="600" height="360"> </center>
                    
                    <br>
                    hi! I'm Jenni/Rika. My names Jennifer and Rika come from two movies, Jennifer's body and Paprika. ^^ I'm honestly not the best person to go to for advice on coding and stuff I'm horrible but I can try!
                    <br> <br>
                    
                    <center> <div class = " to-do ">
                    <strong> to do list:  </strong>
                    decorate my splash page!, FIX THE ENTIRE CODE FOR THE HOMEPAGE, ABT ME, VIDEOESSAY AND BEARS PAGE cause it's ASS!!!!! <br> ヽ（≧□≦）ノ
                    </div> </center>
                    
                    <center> <p> <img src= " https://i.pinimg.com/originals/c5/31/8e/c5318ec91b9a0a04420f6f349bc55f3b.gif" width="550" height="245"> </p> </center>
                    
                    <!-- uh ingonore how long the image address is :3 -->
                    <center> <img src="https://external-media.spacehey.net/media/sehy9ytacldSHkUuTG4O13h8AxKfisypVFzNKpPNC6bE=/https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/bcc6e2dd-7490-47d2-8261-07474db5646e/d47diqo-6113c0e5-4f67-4cdf-abb2-671b79a694e5.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2JjYzZlMmRkLTc0OTAtNDdkMi04MjYxLTA3NDc0ZGI1NjQ2ZVwvZDQ3ZGlxby02MTEzYzBlNS00ZjY3LTRjZGYtYWJiMi02NzFiNzlhNjk0ZTUuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.O0T8oBwfetx42T9V5Ug22nBllgPBbDQL_5pViGLTlLQ">
    
                    <img src="https://external-media.spacehey.net/media/s2uwJD2kjT1nn8t4a-jf-7gSMUouBJ9A63fBk8ddvf0I=/https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/bcc6e2dd-7490-47d2-8261-07474db5646e/d47dirh-7c5f29fb-cb02-4cea-85dd-c0ab2865edea.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2JjYzZlMmRkLTc0OTAtNDdkMi04MjYxLTA3NDc0ZGI1NjQ2ZVwvZDQ3ZGlyaC03YzVmMjlmYi1jYjAyLTRjZWEtODVkZC1jMGFiMjg2NWVkZWEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.ZpnbEqWfDHkUJ-OPYf6K9FXkq_8TbLwIKJg-zk586bA">
    
                    <img src="https://external-media.spacehey.net/media/sZvzQdpCVvjrlO3D-27u7t-m2ZM2C7TPQrqYmKZACRUw=/https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/bcc6e2dd-7490-47d2-8261-07474db5646e/d47dis0-150bb639-24c9-45dc-bf6d-1caefd0ac580.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2JjYzZlMmRkLTc0OTAtNDdkMi04MjYxLTA3NDc0ZGI1NjQ2ZVwvZDQ3ZGlzMC0xNTBiYjYzOS0yNGM5LTQ1ZGMtYmY2ZC0xY2FlZmQwYWM1ODAuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.JG_7oWFWKyaaHzhkvUPdAcLeetuz16BUyRVBZTvIF4w">  </center>
                    
                    <center> <img src="wallace.gif"> </center>
                </main>      
            </div>
    
        <style>
            
        .to-do {
            background-color: black;
            width: 367px;
            padding: 20px;
            border: 5px solid #fe188c;
            }
        
        ::-webkit-scrollbar {
        width: 12px; /
        }

        ::-webkit-scrollbar-track {
        background: #000000; 
        }

        ::-webkit-scrollbar-thumb {
        background: #fe188c; 
        border-radius: 6px; 
        }

            :root {
                --header-image: url('logogk2.gif');
            }
            
            
            @font-face {
            font-family: "PixelOperator"; 
            src: url("PixelOperator.ttf");
            }

            body {
                font-family: "PixelOperator";
                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>