​        <!-- THIS IS THE CSS !-->
        <style>
            /* user styles */

            /* styles are what change the color and sizes of stuff on your site. */

            /* these are variables that are being used in the code
    these tended to confuse some people, so I only kept 
    the images as variables */

            :root {
                --header-image: url('');
                --body-bg-image: url('');

                /* colors */
                --content: #43256E;
            }

    */

           
.pacifico-regular {
  font-family: "Pacifico", serif;
  font-weight: 400;
  font-style: normal;
}

.ibm-plex-mono-thin {
  font-family: "IBM Plex Mono", serif;
  font-weight: 100;
  font-style: normal;
}

.ibm-plex-mono-extralight {
  font-family: "IBM Plex Mono", serif;
  font-weight: 200;
  font-style: normal;
}

.ibm-plex-mono-light {
  font-family: "IBM Plex Mono", serif;
  font-weight: 300;
  font-style: normal;
}

.ibm-plex-mono-regular {
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: normal;
}

.ibm-plex-mono-medium {
  font-family: "IBM Plex Mono", serif;
  font-weight: 500;
  font-style: normal;
}

.ibm-plex-mono-semibold {
  font-family: "IBM Plex Mono", serif;
  font-weight: 600;
  font-style: normal;
}

.ibm-plex-mono-bold {
  font-family: "IBM Plex Mono", serif;
  font-weight: 700;
  font-style: normal;
}

.ibm-plex-mono-thin-italic {
  font-family: "IBM Plex Mono", serif;
  font-weight: 100;
  font-style: italic;
}

.ibm-plex-mono-extralight-italic {
  font-family: "IBM Plex Mono", serif;
  font-weight: 200;
  font-style: italic;
}

.ibm-plex-mono-light-italic {
  font-family: "IBM Plex Mono", serif;
  font-weight: 300;
  font-style: italic;
}

.ibm-plex-mono-regular-italic {
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: italic;
}

.ibm-plex-mono-medium-italic {
  font-family: "IBM Plex Mono", serif;
  font-weight: 500;
  font-style: italic;
}

.ibm-plex-mono-semibold-italic {
  font-family: "IBM Plex Mono", serif;
  font-weight: 600;
  font-style: italic;
}

.ibm-plex-mono-bold-italic {
  font-family: "IBM Plex Mono", serif;
  font-weight: 700;
  font-style: italic;
}



            body {
                font-family:"IBM Plex Mono", serif;
               font-weight: 300;
               font-style: normal;
                 color:#dfe6fc;
              font-size: 13px;
                margin: 0;
              
              
               background-image: url("https://i.imgur.com/3fScX5f.png");
              background-repeat: no-repeat;
              background-position: center top; 
              background-attachment: fixed;
              background-size: cover;
              
              cursor: url("https://i.imgur.com/lp46jeG.png"), auto;
            }

            * {
                box-sizing: border-box;
            }

            /* below this line is CSS for the layout */

            /* this is a CSS comment
    to uncomment a line of CSS, remove the * and the /
    before and after the text */


            /* the "container" is what wraps your entire website */
            /* if you want something (like the header) to be Wider than
    the other elements, you will need to move that div outside
    of the container */
            #container {
                max-width: 900px;
              
                /* this is the width of your layout! */
                /* if you change the above value, scroll to the bottom
      and change the media query according to the comment! */
                margin: auto;
              
                /* this centers the entire page */
            }

            /* the area below is for all links on your page
    EXCEPT for the navigation */
            #container a {
                 font-family: "IBM Plex Mono", serif;
              font-weight: 700;
              font-style: italic;
              text-decoration: none;
              font-size: 10px;
              color:#9b75d9; 
            }

            #header {
                background-color:black;
              width: 100%;
              height: 467px;
              border-radius: 15px 15px  0px 0px;
               border-style:solid;
              border-color:#8e9d9e;
                  border-width:2px;
                /* this is only for a background image! */
                /* if you want to put images IN the header, 
      you can add them directly to the <div id="header"></div> element! */
                background-image: url(https://i.imgur.com/Q0NytTj.png);
                background-size: 100%;
            }

            /* navigation section!! */
          

            #flex {
                display: flex;
            }


 /* Scrollbar style */
                ::-webkit-scrollbar {
                width: 9px;
                height: 9px;
                }

                ::-webkit-scrollbar-track {
                border: 2px solid #efc4f9;
                border-radius: 10px;
                }

                ::-webkit-scrollbar-thumb {
                background: #efc4f9;  
                border-radius: 10px;
                }

                ::-webkit-scrollbar-thumb:hover {
                background: #efc4f9;  
                }
            

            /* this colors BOTH sidebars
    if you want to style them separately,
    create styles for #leftSidebar and #rightSidebar */
            aside {
                  background-color:black;
                border-style:solid;
                  border-width:2px;
              border-color:#8e9d9e;
                width: 150px;
                padding: 5px;
                font-size: smaller;
                /* this makes the sidebar text slightly smaller */
            }


            /* this is the color of the main content area,
    between the sidebars! */
            main {
                   background-color:black;
              border-style:solid;
                  border-width:2px;
              border-color:#8e9d9e;
                flex: 1;
                padding: 5px;
                order: 2;
            }


            */ #leftSidebar {
                order: 1;
            }


            footer {
               background-color:black;
                border-style:solid;
                  border-width:1px;
              border-color:#8e9d9e;
                /* background color for footer */
                width: 100%;
                height: 20px;
               border-radius: 0px 0px 15px 15px;
                text-align: center;
                /* this centers the footer text */
            }

           h1 {
              font-family:"Pacifico", serif;
                font-size: 30px;
              color:#ff82c5;
              font-weight: regular;
            }
            h2 {
              font-family:"IBM Plex Mono", serif;  
              font-size: 13px;
              color:#fc95da
              font-weight: regular;
            }
            h3 {
              font-family:"Pacifico", serif;  
              font-size: 40px;
              color: #ff82c5;
              font-weight: regular;
            }
            h4 {
             font-family: "IBM Plex Mono", serif;
            font-weight: 300;
            font-style: italic;
              color:#131f2e;
            }
            h5 {
             font-family:"Pacifico", serif;  
              font-size: 75px;
              color: #ff82c5;
              font-weight: regular;
            }
            strong {
                /* this styles bold text */
               font-family:"IBM Plex Mono", serif;
              font-size: 9px;
              color: #fc95da;
              font-weight: bold;
            }

            .box {
              background-color:#e3fbfc;
                border: 1px solid #a1b4cd;
              color:#6c607e;
                padding: 2px;
              width: 140px;
                height: 100px;
               overflow: scroll;
}

            .box2 {
             height: 75px;
             width: 140px;
             border-style:solid;
             border-width:10px;
             border-image: url("https://i.imgur.com/ARUMR2G.png") 8 fill round;
             padding: 2px;
             border-radius: 10;
             font-size: 11px;
             color: #1e1e24;
             overflow: auto; 
             background-color: none;
            }

             .box3 {
                 height: 150px;
    width: 150px;
    border-style:solid;
    border-width:10px;
    border-image: url("https://i.imgur.com/i7JZ7Vi.png") 8 fill round;
    padding: 2px;
    border-radius: 10;
    font-size: 11px;
    overflow: auto; 
    background-color: none;
            }


              .box4 {
                  background-color:#e3fbfc;
                  border: 1px solid #a1b4cd;
                  padding: 2px;
                  width: auto;
                  height: auto;
                  font-size: 11px;
                  border-radius: 15px 0px 0px 0px;
                  overflow: scroll;
}

    .box6 {  
                  background-color:#e3fbfc;
                  border: 1px solid #a1b4cd;
                  padding: 2px;
                  width: 225px;
                  height: 175px;
                  font-size: 11px;
                  border-radius: 15px 0px 0px 0px;
                  overflow: scroll;
}

            /* CSS for extras */

            #topBar {
                width: 100%;
                height: 40px;
                padding: 10px;
                font-size: 16px;
                background-color:Black;
                border: 1px solid #a1b4cd;
            }


iframe
          {
                   background-color:#e3fbfc;
                border: 1px solid #a1b4cd;
                padding: 5px;
              width: 700px;
                height: 175px;
               overflow: scroll;"
}


.row {
  display: flex;
}

.column {
  flex: 50%;
  padding:15px;
}

            /* BELOW THIS POINT IS MEDIA QUERY */

            /* so you wanna change the width of your page? 
    by default, the container width is 900px.
    in order to keep things responsive, take your new height,
    and then subtrack it by 100. use this new number as the 
    "max-width" value below
    */

            @media only screen and (max-width: 800px) {
                #flex {
                    flex-wrap: wrap;
                }

                aside {
                    width: 100%;
                }

                /* the order of the items is adjusted here for responsiveness!
      since the sidebars would be too small on a mobile device.
      feel free to play around with the order!
      */
                main {
                    order: 1;
                }

                #leftSidebar {
                    order: 2;
                }

                #rightSidebar {
                    order: 3;
                }

                #navbar ul {
                    flex-wrap: wrap;
                }
            }
        </style>
        
        
        
        




  <html>


  <head>
    <link rel="icon" type="image/x-icon" href="https://i.imgur.com/ECUrGb6.png">
  <title>home</title>
    
    <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=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Pacifico&display=swap" rel="stylesheet">
    
    
        <div id="container">
          
            <div id="headerArea">
              
                <div id="header">
                  
                  <center><img src="https://i.imgur.com/6HrIVqL.png"></center>
                </div>
                 <div id="container"><div id="topBar"><center><marquee>Welcome to neurrotted's headquarters on the internet!! Enjoy your stay! This page was last updated: <script>document.write(document.lastModified);</script> </marquee></center></div>
      

            <div id="flex">
                <aside id="leftSidebar">
                    <h1>Directory</h1>
                
                <img src="https://i.imgur.com/gflFRLT.png"width="13px"><a href="/home.html"> home</a></b>
                <br><img src="https://i.imgur.com/gflFRLT.png"width="13px"> <a href="/artgallery.html"> art gallery</a>
              <br><img src="https://i.imgur.com/gflFRLT.png"width="13px"> <a href="/originalcharacters.html"> my characters</a>
              <br><img src="https://i.imgur.com/gflFRLT.png"width="13px"> <a href="/hobbies.html"> hobbies</a>
                <br><img src="https://i.imgur.com/gflFRLT.png"width="13px"> <a href="/about.html"> about me</a>
                <br><img src="https://i.imgur.com/gflFRLT.png"width="13px"> <a href="/garden.html"> garden</a>
                <br><img src="https://i.imgur.com/gflFRLT.png"width="13px"> <a href="https://neurrotted.blog.fc2.com/?cr=p8kn3bbv0n561spbltfh51d181">diary</a>
                <br><img src="https://i.imgur.com/gflFRLT.png"width="13px"> <a href="/resources.html"> resources</a>
                <br><img src="https://i.imgur.com/gflFRLT.png"width="13px"> <a href="/freebies.html"> freebies</a><br><img src="https://i.imgur.com/gflFRLT.png"width="13px"> <a href="/pets.html">pets</a>
                <br><img src="https://i.imgur.com/gflFRLT.png"width="13px"> <a href="https://neurrotted.atabook.org/"> guestbook</a>
                <br><img src="https://i.imgur.com/gflFRLT.png"width="13px"> <a href="/chat.html"> chat box</a>
                  
                  <br><br>
                                                   
                  <h1>Status</h1>
             <center> <i>neurrotted is feeling </i><a href="https://www.imood.com/users/oddsoup"><img src="https://moods.imood.com/display/uname-oddsoup/bg-#6c607/imood.gif" alt="The current mood of oddsoup at www.imood.com" border="0"></a>
              <br>
              <br><div class=box2>
<div id="statuscafe"><div id="statuscafe-username"></div><div id="statuscafe-content"></div></div><script src="https://status.cafe/current-status.js?name=neurrotted" defer></script>
      </div><br><br><Br>
                                                         <center>  <!-- FC2 Counter  Starts here -->
<script language="javascript" type="text/javascript" src="//counter1.fc2.com/counter.php?id=38524190&main=1"></script><noscript><img src="//counter1.fc2.com/counter_img.php?id=38524190&main=1" /></noscript>
<!-- FC2 Counter  Ends here -->
                                                           <br>
                                                           
<ce<!-- FC2 Counter  Starts here -->
<script language="javascript" type="text/javascript" src="//counter1.fc2.com/views.php?id=38524190&main=1"></script><noscript><img src="//counter1.fc2.com/counter_now.php?id=38524190&main=1"></noscript>
<!-- FC2 Counter  Ends here -->
<br>total visits/online now</ce>
                                                           
    <br>    <br>     <br><br>      <br>                                 
    <!-- FC2 Clap tag starts here -->
<a href="//clap.fc2.com/post/neurrotted/?url=https%3A%2F%2Fneurrotted.neocities.org%2Fhome&title=neurrotted+home" target="_blank" title="Web Clap by FC2"><img src="//clap.fc2.com/images/button/pink/neurrotted?url=https%3A%2F%2Fneurrotted.neocities.org%2Fhome&amp;lang=en" alt="Web Clap by FC2" style="border:none;" /></a>
<!-- FC2 Clap tag ends here -->  
                                                     
                                                           
     
         <h1>Site Pet</h1>
                  <center>   neurrotted's 
                    <br>tamaNOTchi
                    <br>
      <a href="https://tamanotchi.world/11720c"><img src="https://tamanotchi.world/i/11720"></a>  
       </center>
                      
 <br><br>
               ---------
               <br>
                    <b><i>read this if you're having a bad day</b></i>
                   <div class="box"> <center>   HERE'S THE SIGN.
                                                    <h4> You matter. <br>It will be okay.
                     <br>We don't have to know how right now, just know that it <i>will</i>.
                     <br>If you need a sign to stay and fight one more day, here it is. You <i>can</i> keep going. You're stronger than you think. Smarter than you know. More brave than you give yourself credit for. You've lived through it all before, right? So, what's one more day?
                     <p>I know I'm just some stranger on the internet but I think it's worth holding on. 
                       <br>There's so many kind people to meet and beautiful sunsets to see. Delicious food to fill up on and eyes to stare into over said meal. 
                       <br>You haven't gotten to the best part, yet. There's no way!!
                       <p>Who doesn't love the underdog that just keeps going?
                     <p>It's okay to rest, please do. 
                       <br>Just don't forget to get up, sometime.
                       <br>You're worth the fight.
                         <br>
                         <p>Please take care of yourself and always do your best! Take breaks, stay hydrated, and just keep breathing.
<br>
                           <br> I BELIEVE IN YOU AND YOUR POSSIBILITIES.</h4>
                     </center> </div> 
              
              </center>
               
                </aside>
              
              
              
                <main><h3>Welcome!!</h3>
                  <p>Thank you for stopping by to view my website! I've used a skeleton but I try to code and draw up as much for this website as I can :)
 <p>Welcome to my little space here on the internet where I post my art, life updates, and whatever else strikes my fancy. Always under construction lol

	<p>There is a lil ouija page where you can send questions to a ghosts coming through the spirit box. Updated randomly throughout the year, more regularly for halloween/spooky season (that's the goal anyways). Check back as often as you like, there may be new surprises!

<br><p>Warning, please do not interact with me or the 18+ art gallery on this website if you are a minor (under 18 years of age)!! 
<p>Please be respectful of this boundary, it is for everyone's safety, thank you! 
  
    <p>Wanna share your website? Wanna share good cheer? Got some awesome news you just gotta yell form the digital rooftops? 
      <br>Throw it into the void! I MEAN- <a href="https://www.cbox.ws/admin?preproc=switch&box=3-3529248">The Site Chat Box</a>! 
      
      <p>If you'd like to drop by the guestbook and leave a direct link to your website, that's allowed! Please do not spam the book every day or even every hour please! One time <i>ever</i> should be enough. 
      <br>I'm always looking for cool or cute new websites to explore and be inspired by so please don't be shy, especilly if you're a fellow artist! (Music, photography, felt work, painting, welding, jewelry making, etc ALL THE ART!)
  </center>
  
<br><br><br>
                                                                       
                                                                       
  
            <h1>Site Updates</h1>
                                                    <br>updated as needed, chack back when you can!
                      <center>
<iframe src="https://neurrotted.neocities.org/sitelog"width=100%></iframe>
              </center>          
              
              
              
        <div class="row">
          
  <div class="column"> 

  <center>   <h1> Ohh New! </h1>
   <a href="/artgallery.html"><img src="https://i.imgur.com/KejPDsc.png"width="150px"></a>
 
  <h2>Click the image above to see my art gallery, if you want. 
<b>NSFW</b>!!</h4></center>
    

      
      
      
  </div> 
                 
       
  <div class="column"> 
   
      <h1>To Do List </h1>
    <div style="background-image: url(https://i.imgur.com/51pI5AN.png);
  background-size: 100% 100%;
  width: 50%;
  height: 50%;
  text-align: left;
  padding: 2%;">
    <div style="height: 100%;
  width: 100%;
  overflow-y: auto;
  padding-right: 20%;
  color:#7562a3;
         font-size:9px;">         
      
        <br> - Freebies update/overhaul
        <br> - Update about me page
        <br> - Add to garden page
        <br> - Update blog
        <br> - <strike>Update gallery</strike>
        <br> - <strike>New demon for ouija board</strike>
        <br> - Site button + code (+variants)
        <br> - <strike>Add sims 4 box in hobbies</strike>
        <ul>+ may add a full sims 4 page for my households and their lore for funsies? not sure..</ul>
        <br> - Social buttons

      
      </div> </div>
    </center></div>
                
                <div class="row">
   <div class="column"> 
             <h1>Question!</h1>
                    <br>    <form method="post" action="https://poll.pollcode.com/36724751"><div style="background-color:#B7CEED;padding:2px;width:180px;font-family:Arial;font-size:x-small;color:#000000;"><div style="padding:2px 0px 4px 2px;"><strong>Do you have a favorite breakfast food?</strong></div><input type="radio" name="answer" value="1" id="answer367247511" style="float:left;" /><label for="answer367247511" style="float:left;width:155px;">I love it all!!</label><div style="clear:both;height:2px;"></div><input type="radio" name="answer" value="2" id="answer367247512" style="float:left;" /><label for="answer367247512" style="float:left;width:155px;">Not into breakfast, sorry</label><div style="clear:both;height:2px;"></div><input type="radio" name="answer" value="3" id="answer367247513" style="float:left;" /><label for="answer367247513" style="float:left;width:155px;">Fruit crepes</label><div style="clear:both;height:2px;"></div><input type="radio" name="answer" value="4" id="answer367247514" style="float:left;" /><label for="answer367247514" style="float:left;width:155px;">Pancakes</label><div style="clear:both;height:2px;"></div><input type="radio" name="answer" value="5" id="answer367247515" style="float:left;" /><label for="answer367247515" style="float:left;width:155px;">Cereal</label><div style="clear:both;height:2px;"></div><input type="radio" name="answer" value="6" id="answer367247516" style="float:left;" /><label for="answer367247516" style="float:left;width:155px;">Eggs and bacon</label><div style="clear:both;height:2px;"></div><input type="radio" name="answer" value="7" id="answer367247517" style="float:left;" /><label for="answer367247517" style="float:left;width:155px;">Granola bars</label><div style="clear:both;height:2px;"></div><input type="radio" name="answer" value="8" id="answer367247518" style="float:left;" /><label for="answer367247518" style="float:left;width:155px;">Cinnamon rolls</label><div style="clear:both;height:2px;"></div><input type="radio" name="answer" value="9" id="answer367247519" style="float:left;" /><label for="answer367247519" style="float:left;width:155px;">Eggs and toast</label><div style="clear:both;height:2px;"></div><input type="radio" name="answer" value="10" id="answer3672475110" style="float:left;" /><label for="answer3672475110" style="float:left;width:155px;">Just toast for me, please</label><div style="clear:both;height:2px;"></div><input type="radio" name="answer" value="11" id="answer3672475111" style="float:left;" /><label for="answer3672475111" style="float:left;width:155px;">Scrambled eggs and ketchup</label><div style="clear:both;height:2px;"></div><input type="radio" name="answer" value="12" id="answer3672475112" style="float:left;" /><label for="answer3672475112" style="float:left;width:155px;">Omelette </label><div style="clear:both;height:2px;"></div><input type="radio" name="answer" value="13" id="answer3672475113" style="float:left;" /><label for="answer3672475113" style="float:left;width:155px;">Sausage and eggs</label><div style="clear:both;height:2px;"></div><input type="radio" name="answer" value="14" id="answer3672475114" style="float:left;" /><label for="answer3672475114" style="float:left;width:155px;">Breakfast sandwich</label><div style="clear:both;height:2px;"></div><input type="radio" name="answer" value="15" id="answer3672475115" style="float:left;" /><label for="answer3672475115" style="float:left;width:155px;">Breakfast burrito</label><div style="clear:both;height:2px;"></div><input type="radio" name="answer" value="16" id="answer3672475116" style="float:left;" /><label for="answer3672475116" style="float:left;width:155px;">Oatmeal</label><div style="clear:both;height:2px;"></div><input type="radio" name="answer" value="17" id="answer3672475117" style="float:left;" /><label for="answer3672475117" style="float:left;width:155px;">Steak and eggs</label><div style="clear:both;height:2px;"></div><input type="radio" name="answer" value="18" id="answer3672475118" style="float:left;" /><label for="answer3672475118" style="float:left;width:155px;">Fruit smoothie</label><div style="clear:both;height:2px;"></div><input type="radio" name="answer" value="19" id="answer3672475119" style="float:left;" /><label for="answer3672475119" style="float:left;width:155px;">Coffee lol</label><div style="clear:both;height:2px;"></div><div align="center" style="padding:3px;"><input type="submit" value=" Vote "></div><div align="right" style="font-size:10px">pollcode.com <a href="https://pollcode.com/">free polls</a></div></div></form>
                           
              </div></center>
              
                           
                                                     
   </div>
              
                           
                     

                </main>
                
            </div>
            
     <footer id="footer">
              be kind to yourself // (c) neurrotted 2022-2025</footer></div>