<!DOCTYPE HTML>

<!--
hi welcome to my code. idk how html and css work this website was
literally me typing in stuff and going Gee (snsd refrence?), hope 
this works! and sometimes it worked.

so if u see smth and go '?? why'd she do that when ___ is easier'
or 'what is this doing here it has no function' just ignore it
because it will make both ur life and my life a whole lot easier

stan gwsn stream pinky star ok byee :3
-->

<html>
<head>
  <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>kuranies</title>
    <link href="https://adilene.net/webring/alternate/miku.css" rel="stylesheet">
    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
    <link rel="shortcut icon" type="image/jpg" href="favicon-16x16.png">
    <script type="text/javascript" src="/86AAF7CD-A199-463A-BEEF-AEE7400B3F0D/main.js?attr=rEl1ysin82ZSpORCIGRlHjPcYxYsuUSbxdzt6xPmXvXjhMKxpEWd19MFzmqZcewW5hJuWiDHJ0W3wtHyIzeBlA" charset="UTF-8"></script><style type="text/css">.marquee{white-space:nowrap;overflow:hidden;visibility:hidden;}#marq_kill_marg_bord{border:none!important;margin:0!important;}</style>
    
        <style>
            html {
      cursor: url(nat996.png), pointer;
    }
    
    a {
      cursor: url(nat996.png), pointer;
      text-decoration: none;
      color:
    }      
    
  
    
    body {
  background-image: url("https://foollovers.com/mat/plaid02/m12-bg-biascheck.gif");
  background-size: 34px;
  background-repeat: repeat;
  font-family: "W95FA";
  font-size: 16px;
  color:#4272c9;
  
}

@font-face {
font-family:'PingWing';
src: url(https://dl.dropbox.com/s/5z5897hywveuh17/pingwing.ttf);
}

  a {
    cursor: url(nat996.png), pointer;
    color: #31a353;
  }
  
  ::selection {
    background: #ffe0f5;
    color: white;
  }
  strong {
    color: #73b7ff;
  }
  
  strong2 {
    color: #32bf1d;
  }
  
  strong3 {
    color: white;
    font-sie: 25px;
    font-weight: bold;
  }


.container {
  border-width:7px;
  border-style:solid;
  border-image: url("https://foollovers.com/mat/i-foods/k03-icon-cookie.gif") 6.5 fill round;
  margin: auto;
  margin-top: 7px;
  width: 700px;
  height: 940px;
  position: relative;
  padding: 5px;
  z-index: 4;
  width: 250px;
  box-shadow: 0 2px 10px white, 0 2px 10px white;


}

table a:link {
  color: #31a353;
  background-color: transparent;
  text-decoration: none;
}

table a:hover {
  color: #0e8030;
  background-color: transparent;
  text-decoration: underline;
}
  
#fuck {
  display: block;
  font-size: 3em;
  font-family: "Lily Clover";
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: #ff61b8;
  color: #ffe3f2;
  font-weight: 500;
  z-index: 1;
  position: absolute;
  margin: auto;
  top: 80px;
  margin-left: 19px;
 
}

.button1 {
  border-width: 1px;
  border-style: solid;
  border-color: black;
  border-radius: 15px;
  background-image: url("a17-bg-polkadot.png");
  font-weight: 700;
  font-size: 17px;
  width: 130px;
  height: 25px;
  display: inline-block;
  font-family: "KINKIE";
  color: #ff94c4;
  -webkit-text-stroke: 0.3px;
  -webkit-text-stroke-color: #9e725d;
  list-style: none;
  margin: 0;
  padding-top: 0px;
  text-align: center;
  transition: all 200ms;
  vertical-align: baseline;
  white-space: nowrap;
  user-select: none;
  margin-bottom: 5px;
  margin-top: 5px;
}

.button5 {
  border-width: 1px;
  border-style: solid;
  border-color: black;
  border-radius: 15px;
  background-image: url("gf.png");
  font-weight: 700;
  font-size: 15px;
  width: 130px;
  height: 25px;
  display: inline-block;
  font-family: "KINKIE";
  color: white;
  -webkit-text-stroke: 1px;
  -webkit-text-stroke-color: #ff94c4;
  list-style: none;
  margin: 0;
  padding-top: 0px;
  text-align: center;
  transition: all 200ms;
  vertical-align: baseline;
  white-space: nowrap;
  user-select: none;
  margin-top: 10px;
  margin-bottom: 10px;
}





.image-blurred-edge {
    border-width: 1px;
    border-style: solid;
    border-color: black;
    border-bottom-color: white;
    border-radius: 7px 7px 0px 0px;
    background-image: url(sawako.png);
    background-size: contain;
    object-position: 50% 50%;
    width: 630px;
    height: 170px;
    z-index: 3;
    top: 5px;
    left: 5px;
    box-shadow: 0 0 8px 8px white inset;
    white-space: nowrap;
    overflow: hidden;
}



#nav {
    border-width: 1px;
    border-style: solid;
    border-color: black;
    font-family: "W95FA";
    text-indent: 5px;
    letter-spacing: 0.5px;
    border-top-color: black;
    background-color: white;
    width: 140px;
    height: 420px;
    position: absolute;
    padding: 2px;
    overflow: auto;
    text-align: left;
    z-index: 1;
    top: 205px;
    left: 5px;
    line-height: 5px;
    border-radius: 0 0 0px 7px;
    white-space: normal;
    overflow-x: hidden;
}

#blank {
  border-width: 1px;
  border-style: solid;
  height: 27px;
  width: 630px;
  background-image: url(yess.gif);
  border-left-color: black;
  border-right-color: black;
  border-top-color: black;
  left: 5px;
  border-bottom-color: black;
  
}






#center {
    width: 315px;
    height: 150px;
    font-family: "W95FA";
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: white;
    z-index: 3;
    margin-left: 158px;
    margin-top: 10px;
    overflow-y: scroll;
    padding: 0px;
    border-radius: 5px;
}

#wonhee{
  margin-top: 8px;
  border-width: 1px;
  border-style: solid;
  border-color: black;
  
}

#center-two {
    width: 315px;
    height: 100px;
    font-family: "W95FA";
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: #fff9f7;
    background-image: url(p01-bg-paper.png);
    background-size: 15px 15px;
    margin-left: 158px;
    margin-top: 73px;
    overflow-y: scroll;
    padding: 0px;
    border-radius: 5px;
    color: #362f2d;
    font-size: 14px;
    text-indent: 8px;
    letter-spacing: 0.5px;
    line-height: 3px;
    
}

#third {
    border-width: 1px;
    border-style: solid;
    border-color: black;
    border-top-color: black;
    background-color: white;
    width: 140px;
    height: 420px;
    position: absolute;
    padding: 2px;
    overflow: auto;
    text-align: center;
    z-index: -1;
    left: 491px;
    top: 205px;
    border-radius: 0 0 7px 0px;
}

#thing {
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-image: url(sanrio.gif);
    background-size: cover;
    width: 315px;
    height: 50px;
    position: absolute;
    padding: 0px;
    border-radius: 5px;
    text-align: center;
    left: 163px;
    top: 378px
    
}

#fourth {
    border-width: 0px;
    border-style: solid;
    border-color: white;
    font-family: "W95FA";
    text-indent: 5px;
    letter-spacing: 0.5px;
    border-top-color: black;
    background-image: url(yay.gif);
    background-size: contain;
    width: 139.75px;
    height: 76px;
    position: absolute;
    padding: 2px;
    overflow: auto;
    text-align: left;
    z-index: 4;
    top: 403px;
    left: 6px;
    line-height: 5px;
    border-radius: 0px;
    white-space: normal;
}

#fifth {
    border-width: 0px;
    border-style: solid;
    border-color: white;
    font-family: "W95FA";
    text-indent: 5px;
    letter-spacing: 0.5px;
    border-top-color: black;
    background-image: url(j07-cherry_blossom-line.gif);
    background-size: 229px 26px;
    width: 139.75px;
    height: 22px;
    position: absolute;
    padding: 2px;
    overflow: auto;
    text-align: left;
    z-index: 5;
    top: 500px;
    left: 6px;
    line-height: 5px;
    border-radius: 0px;
    white-space: normal;
}

#chuchuchu {
  margin-left: 6px;
  margin-right: 5px;
}

#todolist {
    border-width: 1px;
    border-style: solid;
    border-radius: 0 0 9px 9px;
    border-color: black;
    font-family: "W95FA";
    color: black;
    font-size: 12px;
    text-indent: 1px;
    align-items: center;
    letter-spacing: 0.5px;
    background-color: #fff9f7;
    background-size: 15px 15px;
    width: 125px;
    height: 51px;
    position: absolute;
    padding: 0px;
    text-align: left;
    z-index: 4;
    top: 568px;
    left: 14px;

}

.musicask {
  border-width: 1px;
  border-style: solid;
  border-color: black;
  border-radius: 9px 9px 0 0;
  background-image: url("a17-bg-polkadot.png");
  font-weight: 700;
  font-size: 16px;
  width: 127px;
  height: 25px;
  display: inline-block;
  font-family: "KINKIE";
  color: #ff94c4;
  -webkit-text-stroke: 0.3px;
  -webkit-text-stroke-color: #9e725d;
  list-style: none;
  margin: 0;
  padding-top: 0px;
  text-align: center;
  z-index: 999
  transition: all 200ms;
  vertical-align: baseline;
  white-space: nowrap;
  user-select: none;
  margin-bottom: 100px;
  margin-top: 147px;
  margin-left: 5.8px;
}

h5 {
  text-align: center;
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 13px;
  font-family: "PingWing";
}

p1 {
    margin-top:0px;
    margin-left:8px;
}

p3 {
  margin-top: 2px;
}

#bottom {
  border-width: 1px;
    border-style: solid;
    border-color: black;
    background-image: url(blueplaid2.png);
    background-size: cover;
    width: 340px;
    height: 60px;
    position: absolute;
    padding: 0px;
    border-radius: 0px;
    text-align: center;
    left: 150px;
    top: 555px;
}


  
#texting {
  border-width: 1px;
    border-style: solid;
    border-color: black;
    background-image: url(chrome.png), url(soda.png);
    background-position: right bottom, center center;
    background-size: 65px 15px, 33px 33px;
    background-repeat: no-repeat, repeat;
    width: 340px;
    height: 14px;
    position: absolute;
    padding: 0px;
    border-radius: 0px;
    text-align: center;
    left: 150px;
    top: 615px;
}

#clock {
  font-size: 12px;
    letter-spacing: 4px;
    width: 0px;
    text-align:center;
    margin-top: 1px;
    margin-left: 495px;
    background-color:#ffddf6;
    z-index: 999;
    border-radius:1px;
    border-top:5px ridge #fbe;
    border-left:5px ridge #fbe;
    border-right:5px ridge #fbe;
    border-bottom:none;
}

#counter {
  width: 19px;
  margin-top: 5px;
  margin-bottom: 5px;
}

    </style>  
  <style id="__web-inspector-hide-shortcut-style__">
.__web-inspector-hide-shortcut__, .__web-inspector-hide-shortcut__ *, .__web-inspector-hidebefore-shortcut__::before, .__web-inspector-hideafter-shortcut__::after
{
    visibility: visible;
}
</style></head>
  
<body> 
  
  <div class="container" style="
    width: 632px;
    height: 627px;
">
  
    <div class="image-blurred-edge">
      <div id="div2">
          <div id="fuck">KURANIES</div>
    </div></div>

  <div id="blank" >
    <img src="blinkiesCafe-Mo.gif" width="201px" >
    <img src="madoka6.png" width="47px">
    <img src="miku.gif" width="77px">
    <img src="blinkiesCafe-4G.gif" width="201px">
    <img src="kittystick.png" width="78px">
    <img src="anna.png" width="30px">
  </div>
    
  
<div id="center" >
     <center> 
      <h3>entering the park...</h3>
      <p>hello! welcome to my site </p>
      <p>i made this website because i wanted a place to just post about me and my thoughts that wasen't twitter dot com and also because i love graphic design and making things look cute and pretty :) </p>
      <p>i'm no expert at html css java what have you and so if you're ever looking through my code (which u can do btw take whatever u want idc) and ur like 'okay what the hell was she doing here' theres a 90% chance i also have no idea what i was doing there #myb </p>
      <p>this site is still a work in progress as A) im very lazy and B) im very indesicive. who knows when this main page will be complete (if ever) or how many times i'll change it   </p>
      <p> before u go and explore (or just leave), make sure to leave smth in my guestbook! i love 2 see whos stopped by this little corner of the internet ^_^ ok byee </p>
    </center>
</div>
  
<div id="thing" >
  <p style="color:white;">.</p>
</div>
  
<div id="center-two" >
   <center>
   <h5 style="color: #ed649d;">
    <img src="952747cf.gif">
    to-do list
  </h5></center>
  <p1>1. create music player</p1>
  <p>2. fix the left bar spacing </p>
  <p>3. build diary page </p>
  <p>4. and also the about me section </p>
  <p>5. add photo to plaid @ bottom </p>
  <p>6. consider adding new fonts </p>
  <p>7. actually write a blog entry </p>
</div>
  

  
<div id="nav">
   <button class="button1">Park Map</button>
   <table class="large-item" 
   style="margin:5px">
  <tbody><tr>
    <td><img id="icon1" src="https://foollovers.com/mat/i-home/m07-icon-home.gif" width="20px"></td>
    <td><a href="/index" ><u>Home</u></a></td>
  </tr>
  <tr>
    <td><img id="icon2" src="https://foollovers.com/mat/i-pc/be04-icon-camera.gif" width="20px"></td>
    <td><a href="https://keiara.dreamwidth.org/" target="_blank"><u>Blog</u></a></td>
  </tr>
   <tr>
    <td><img id="icon4" src="https://foollovers.com/mat/i-weather/l02-icon-umbrella.gif" width="20px"></td>
    <td><u>About Me</u></td>
  </tr>
  <tr>
    <td><img id="icon3" src="https://foollovers.com/mat/i-stationery/j06-icon-diary.gif" width="20px"></td>
    <td><a href="https://note.com/appletart" target=”_blank”><u>Articles</u></a></td>
  </tr>
  <tr>
    <td><img id="icon5" src="https://foollovers.com/mat/i-girl/a04-icon-girl.gif" width="20px"></td>
    <td><a href="https://kuranies.atabook.org/" target=”_blank”><u>Guestbook</u></a></td>
  </tr>
  <tr>
    <td><img id="icon1" src="https://foollovers.com/mat/i-foodf02/ca01-icon-strawberry.gif" width="20px"></td>
    <td><a href="https://rentry.co/eather" target=”_blank”><u>Rentry</u></a></td>
  </tr>
</tbody>
  </table>
<button class="musicask">Click 4 Music!</button>
  
 </div>




<div id="third">
    
    <img id="wonhee" src="wonhee.png" width="115px">
    <button class="button5">wonhee! :0</button>
    <p3> you are site visitor </p3>
  
<!-- FC2 Counter  Starts here -->
<div id=counter>
<script language="javascript" type="text/javascript" src="//counter1.fc2.com/counter.php?id=39984035&amp;main=1"></script><noscript><img src="//counter1.fc2.com/counter_img.php?id=39984035&amp;main=1" /></noscript>
</div>
<!-- FC2 Counter  Ends here -->

</div>

<div id="fourth">
</div>

<div id="fifth">
</div>

<div id="todolist">
  <a href="https://kuranies.neocities.org/"><img id="chuchuchu" src="chuchu.png" width="50" height="50"></a>
  <a href="https://kuranies.neocities.org/"><img src="phone.png" width="50" height="50"></a>
</div>

<div id="bottom">
</div>
  

<div id="texting">
</div>



<div id="clock" onload="showTime()" 
    style=
    "font-size: 20px;
    letter-spacing: 4px;
    width: 10;
    text-align:center;
    margin-bottom: 0px;
    margin-left: 498px;
    background-color:#ffddf6;
    border-radius:1px;
    border-top:5px ridge #fbe;
    border-left:5px ridge #fbe;
    border-right:5px ridge #fbe
    border-bottom:none;">12:24:59 AM
    </div>


<script type="text/javascript">function showTime(){
    var date = new Date();
    var h = date.getHours(); // 0 - 23
    var m = date.getMinutes(); // 0 - 59
    var s = date.getSeconds(); // 0 - 59
    var session = "AM";
    
    if(h == 0){
        h = 12;
    }
    
    if(h > 12){
        h = h - 12;
        session = "PM";
    }
    
    h = (h < 10) ? "0" + h : h;
    m = (m < 10) ? "0" + m : m;
    s = (s < 10) ? "0" + s : s;
    
    var time = h + ":" + m + ":" + s + " " + session;
    document.getElementById("clock").innerText = time;
    document.getElementById("clock").textContent = time;
    
    setTimeout(showTime, 1000);
    
}

showTime();</script>                                         

<div id="calendar">
  <center>
    <fieldset style="padding:0px;border:0;margin:0px;">
       <iframe src="https://calendar.sakura.ne.jp/blog_cal.html" 
          style=
          "background-color:#fbe;
          padding:0px;
          font-size: 1px;
          border:0;
          margin-top:-152px; 
          margin-left: 485.25px;
          width:122px;
          height:184px;
          overflow-x: scroll;"
       ></iframe>
    </fieldset>
   </center>              
  </div>  
</div>


<audio autoplay>
  <source src="https://files.catbox.moe/qz7aib.mp3" type="audio/mpeg">
</audio>

<script>
audioElement.play();
</script>





</body>
</html>