
<!
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⠀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⡤⠶⠚⠉⢉⣩⠽⠟⠛⠛⠛⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⠞⠉⠀⢀⣠⠞⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡞⠁⠀⠀⣰⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⣾⠀⠀⠀⡼⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⣠⡤⠤⠄⢤⣄⣀⣀⣀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⡇⠀⠀⢰⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⠴⠒⠋⠉⠀⠀⠀⣀⣤⠴⠒⠋⠉⠉⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠻⡄⠀⠀⣧⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⠞⢳⡄⢀⡴⠚⠉⠀⠀⠀⠀⠀⣠⠴⠚⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢦⡀⠘⣧⠀⠀⠀⠀⠀⠀⠀⠀⣰⠃⠀⠀⠹⡏⠀⠀⠀⠀⠀⣀⣴⠟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠳⢬⣳⣄⣠⠤⠤⠶⠶⠒⠋⠀⠀⠀⠀⠹⡀⠀⠀⠀⠀⠈⠉⠛⠲⢦⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⠤⠖⠋⠉⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠱⡀⠀⠁⠀⠀⠀⠀⠀⠀⠀⠉⢳⠦⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⣠⠖⠋⠀⠀⠀⣠⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢱⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⠀⢃⠈⠙⠲⣄⡀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⢠⠞⠁⠀⠀⠀⢀⢾⠃⠀⠀⠀⠀⠀⠀⠀⠀⢢⠀⠀⠀⠀⠀⠀⠀⢣⠀⠀⠀⠀⠀⠀⠀⠀⠀⣹⠮⣄⠀⠀⠀⠙⢦⡀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⣰⠋⠀⠀⢀⡤⡴⠃⠈⠦⣀⠀⠀⠀⠀⠀⠀⢀⣷⢸⠀⠀⠀⠀⢀⣀⠘⡄⠤⠤⢤⠔⠒⠂⠉⠁⠀⠀⠀⠑⢄⡀⠀⠀⠙⢦⡀⠀⠀⠀
⠀⠀⠀⠀⣼⠃⠀⠀⢠⣞⠟⠀⠀⠀⡄⠀⠉⠒⠢⣤⣤⠄⣼⢻⠸⠀⠀⠀⠀⠉⢤⠀⢿⡖⠒⠊⢦⠤⠤⣀⣀⡀⠀⠀⠀⠈⠻⡝⠲⢤⣀⠙⢦⠀⠀
⠀⠀⠀⢰⠃⠀⠀⣴⣿⠎⠀⠀⢀⣜⠤⠄⢲⠎⠉⠀⠀⡼⠸⠘⡄⡇⠀⠀⠀⠀⢸⠀⢸⠘⢆⠀⠘⡄⠀⠀⠀⢢⠉⠉⠀⠒⠒⠽⡄⠀⠈⠙⠮⣷⡀
⠀⠀⠀⡟⠀⠀⣼⢻⠧⠐⠂⠉⡜⠀⠀⡰⡟⠀⠀⠀⡰⠁⡇⠀⡇⡇⠀⠀⠀⠀⢺⠇⠀⣆⡨⢆⠀⢽⠀⠀⠀⠈⡷⡄⠀⠀⠀⠀⠹⡄⠀⠀⠀⠈⠁
⠀⠀⢸⠃⠀⠀⢃⠎⠀⠀⠀⣴⠃⠀⡜⠹⠁⠀⠀⡰⠁⢠⠁⠀⢸⢸⠀⠀⠀⢠⡸⢣⠔⡏⠀⠈⢆⠀⣗⠒⠀⠀⢸⠘⢆⠀⠀⠀⠀⢳⠀⠀⠀⠀⠀
⠀⠀⢸⠀⠀⠀⡜⠀⠀⢀⡜⡞⠀⡜⠈⠏⠀⠈⡹⠑⠒⠼⡀⠀⠀⢿⠀⠀⠀⢀⡇⠀⢇⢁⠀⠀⠈⢆⢰⠀⠀⠀⠈⡄⠈⢢⠀⠀⠀⠈⣇⠀⠀⠀⠀
⠀⠀⢸⡀⠀⢰⠁⠀⢀⢮⠀⠇⡜⠀⠘⠀⠀⢰⠃⠀⠀⡇⠈⠁⠀⢘⡄⠀⠀⢸⠀⠀⣘⣼⠤⠤⠤⣈⡞⡀⠀⠀⠀⡇⠰⡄⢣⡀⠀⠀⢻⠀⠀⠀⠀
⠀⠀⠈⡇⠀⡜⠀⢀⠎⢸⢸⢰⠁⠀⠄⠀⢠⠃⠀⠀⢸⠀⠀⠀⠀⠀⡇⠀⠀⡆⠀⠀⣶⣿⡿⠿⡛⢻⡟⡇⠀⠀⠀⡇⠀⣿⣆⢡⠀⠀⢸⡇⠀⠀⠀
⠀⠀⢠⡏⠀⠉⢢⡎⠀⡇⣿⠊⠀⠀⠀⢠⡏⠀⠀⠀⠎⠀⠀⠀⠀⠀⡇⠀⡸⠀⠀⠀⡇⠀⢰⡆⡇⢸⢠⢹⠀⠀⠀⡇⠀⢹⠈⢧⣣⠀⠘⡇⠀⠀⠀
⠀⠀⢸⡇⠀⠀⠀⡇⠀⡇⢹⠀⠀⠀⢀⡾⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⡇⢠⠃⠀⠀⠠⠟⡯⣻⣇⢃⠇⢠⠏⡇⠀⢸⡆⠀⢸⠀⠈⢳⡀⠀⡇⠀⠀
⠀⠀⠀⣇⠀⡔⠋⡇⠀⢱⢼⠀⠀⡂⣼⡇⢹⣶⣶⣶⣤⣤⣀⠀⠀⠀⣇⠇⠀⠀⠀⠀⣶⡭⢃⣏⡘⠀⡎⠀⠇⠀⡾⣷⠀⣼⠀⠀⠀⢻⡄⡇⠀⠀⠀
⠀⠀⠀⣹⠜⠋⠉⠓⢄⡏⢸⠀⠀⢳⡏⢸⠹⢀⣉⢭⣻⡽⠿⠛⠓⠀⠋⠀⠀⠀⠀⠀⠘⠛⠛⠓⠀⡄⡇⠀⢸⢰⡇⢸⡄⡟⠀⠀⠀⠀⢳⡇⠀⠀⠀
⠀⣠⠞⠁⠀⠀⠀⠀⠀⢙⠌⡇⠀⣿⠁⠀⡇⡗⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠰⠀⠀⠀⠀⠀⠀⠁⠁⠀⢸⣼⠀⠈⣇⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢸⠁⠀⠀⢀⡠⠔⠚⠉⠉⢱⣇⢸⢧⠀⠀⠸⣱⠀⠀⠀⠀⠀⠀⠀⠀⣀⣀⡤⠦⡔⠀⠀⠀⠀⠀⢀⡼⠀⠀⣼⡏⠀⠀⢹⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢸⠀⠀⠀⠋⠀⠀⠀⢀⡠⠤⣿⣾⣇⣧⠀⠀⢫⡆⠀⠀⠀⠀⠀⠀⠀⢨⠀⠀⣠⠇⠀⠀⢀⡠⣶⠋⠀⠀⡸⣾⠁⠀⠀⠈⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢸⡄⠀⠀⠀⠀⠠⠊⠁⠀⠀⢸⢃⠘⡜⡵⡀⠈⢿⡱⢲⡤⠤⢀⣀⣀⡀⠉⠉⣀⡠⡴⠚⠉⣸⢸⠀⠀⢠⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⢧⠀⠀⠀⠀⠀⠀⠀⣀⠤⠚⠚⣤⣵⡰⡑⡄⠀⢣⡈⠳⡀⠀⠀⠀⢨⡋⠙⣆⢸⠀⠀⣰⢻⡎⠀⠀⡎⡇⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠈⢷⡀⠀⠀⠀⠀⠀⠁⠀⠀⠀⡸⢌⣳⣵⡈⢦⡀⠳⡀⠈⢦⡀⠀⠘⠏⠲⣌⠙⢒⠴⡧⣸⡇⠀⡸⢸⠇⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⢠⣿⠢⡀⠀⠀⠀⠠⠄⡖⠋⠀⠀⠙⢿⣳⡀⠑⢄⠹⣄⡀⠙⢄⡠⠤⠒⠚⡖⡇⠀⠘⣽⡇⢠⠃⢸⢀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⣾⠃⠀⠀⠀⠀⠀⢀⡼⣄⠀⠀⠀⠀⠀⠑⣽⣆⠀⠑⢝⡍⠒⠬⢧⣀⡠⠊⠀⠸⡀⠀⢹⡇⡎⠀⡿⢸⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⡼⠁⠀⠀⠀⠀⠀⠀⢀⠻⣺⣧⠀⠀⠀⠰⢢⠈⢪⡷⡀⠀⠙⡄⠀⠀⠱⡄⠀⠀⠀⢧⠀⢸⡻⠀⢠⡇⣾⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢰⠇⠀⠀⠀⠀⠀⠀⠀⢸⠀⡏⣿⠀⠀⠀⠀⢣⢇⠀⠑⣄⠀⠀⠸⡄⠀⠀⠘⡄⠀⠀⠸⡀⢸⠁⠀⡾⢰⡏⢳⡀⠀⠀⠀⠀⠀

⠀!!!!WARNING BAD AND DANGEROUSLY MESSY CODE AHEAD!!!!

<html>
    <head>
        

<html lang="en">
<head>
<meta charset="UTF-8">
<title>"Birds don't sing, they just fall from the sky.."</title>
<script type="text/javascript">
message = "Birds don't sing, they just fall from the sky..";
function step() {
message = message.substr(1) + message.substr(0,1);
document.title = message.substr(0,15);
}
</script>
</head>
<body onload="setInterval(step,100)">
</body>
</html>


        <style type="text/css">* {cursor: url(https://cur.cursors-4u.net/special/spe-3/spe300.ani), url(https://cur.cursors-4u.net/special/spe-3/spe300.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/02/18/cute-bow-tie-hearts-blinking-pink-pointer.html" target="_blank" title="Cute Bow Tie Hearts Blinking Pink Pointer"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Cute Bow Tie Hearts Blinking Pink Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

     
        <meta charset="utf-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="https://pixels.crd.co/assets/images/gallery16/d5f57095.gif?v=99d3974e">
    <!-- replace "/" above with the url to your image, that is your website favicon -->
    
    <style type="text/css">
    

    /******************************
    
             DOCUMENT BODY
    
    ******************************/
    
    body{    
           
        background-size: 25%;
        background-repeat: repeat;
       background-attachment: fixed;
        background-image:url(https://i.pinimg.com/736x/8e/a5/a2/8ea5a27581529dd16a024f9174631a21.jpg);
        font-family:ms gothic;
        font-size:17px;
    }    
    
    /* . . . . . . . . . . . . . */
    
    a{
        color:blue;
       
    }
    
    
    /******************************
    
               CONTAINER
    
    ******************************/
    
    #container{
        
        width:800px;
        margin:15px 0 15px 0;
        /* These 3 center the container, which therefore centers all of the content on the page. */
        position:absolute;
        left: 50%;
        transform: translateX(-50%);
    }   

    
    
    /******************************
    
                 HEADER
    
    ******************************/    
    




    #header{
        border: #ffe5e5 0px ridge;
        width: 1000px;
        height:210px;
        margin:0 0 20px 0;
        border-radius: 10px;
    }
    


    /* . . . . . . . . . . . . . */
    
    #header_img{
        width: 1000px;
        height:230px;
        background-size:100%;
        background-position: center;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        background-image: url(https://i.pinimg.com/736x/45/1b/bb/451bbb354c13dbbf28f2b522d10d6121.jpg);
    }    
    
     /* . . . . . . . . . . . . . */
    
    #links{
        color: #707086;
        border-radius: 10px;
        border:1px ridge rgb(234, 156, 202);
        text-align:center;
        background-image: url(https://i.pinimg.com/736x/e5/2c/6d/e52c6dc3abc45d3c3a0c2d34cad41576.jpg);
        padding:3px;
    }


    /******************************
    
                CONTENT
    
    ******************************/  
    
    #content{
       
        flex: row;
        border: rgb(253, 226, 226) ridge 4px;
        background-image:url(https://i.pinimg.com/736x/d2/9c/29/d29c29265022077a5757540566fbe2b4.jpg);
        padding:10px;
        background-size: 90px;
        background-repeat: repeat;
        margin:0 0 10px 0;
        /* if you want the content to get taller endlessly, leave it as is. But if you want it to remain a specific height and start scrolling, include these properties outisde of this grey area:
        max-height:250px (can be changed to whatever number you like); 
        overflow-y:auto; */
    }
    





           
         .container{
        margin: auto;
        border-width: 10px;
        border-style: solid;
        border-image: url("https://static.tumblr.com/yn7vk7p/DfHmp40xm/bo-ha26.gif") 7 fill round;
        width:1000px;
        height:1170px;
        position:relative;
        margin-top:3em;
        margin-bottom: 2em;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        box-shadow: hwb(337 87% 2%) 0 0 0 11px, #ffffff 0 0 0 14px, #0000005f 0px 0px 0px 0px, hwb(320 61% 22% / 0.996) 0px 1px 2px 17px;
           }

  .main{
        margin: 10px;
        background-color: rgba(255, 252, 250, 0.971);
        width:50%;
        height:880px;
        border-radius:10px;
        border:0px ridge hsl(28, 100%, 97%);
           }
           



.webrings{
    color: #8f77ad;
    font-size: 20px;
    background: linear-gradient(to bottom, #fcfbff, rgb(213, 188, 237)) ;
    border: #e8e8e8 2px ridge;
    border-top-left-radius:10px ;
    border-top-right-radius:10px ;
    padding: 5px;
}


#winamp-container{

}

.idk2{
display: flex;
width: 99%;
background-color:hsla(36, 100%, 99%, 0.904);
border: hsl(0, 0%, 100%) ridge 2px;
border-radius: 1px;
position: relative;

}


.idk{
width: 99%;
background-color:hsla(36, 100%, 99%, 0.904);
border: hsl(0, 0%, 100%) ridge 2px;
border-radius: 1px;
}



.top{
    font-family: ;
    width: 80%;
    padding:10px;
    border:3px ridge rgb(255, 238, 238);
    background:rgb(255, 246, 246);
    background:linear-gradient(to bottom, #fff9f9 15%, #efcfdb);

    color:#c391a2;
    font-weight:bold;
    border-left:none;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:50px;
    border-top-right-radius:50px;
    font-size:18px;
}
.top2{
    font-family: ;
    width: 80%;
    padding:10px;
    border:3px ridge rgb(238, 255, 240);
    background:rgb(255, 246, 246);
    background:linear-gradient(to bottom, #fff9f9 15%, #ddedc8);

    color:#9fb897;
    font-weight:bold;
    border-left:none;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:50px;
    border-top-right-radius:50px;
    font-size:18px;
}
.top3{
    font-family: ;
    width: 80%;
    padding:10px;
    border:3px ridge rgb(219, 220, 236);
    background:rgb(255, 246, 246);
    background:linear-gradient(to bottom, #fff9f9 15%, #dae0f4);

    color:#9691bc;
    font-weight:bold;
    border-left:none;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:50px;
    border-top-right-radius:50px;
    font-size:18px;
}
.top4{
    font-family: ;
    width: 80%;
    padding:10px;
    border:3px ridge rgb(255, 238, 238);
    background:rgb(218, 171, 214);
    background:linear-gradient(to bottom, #fff9f9 15%, #e4c5e2);

    color:#b181c1;
    font-weight:bold;
    border-left:none;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:50px;
    border-top-right-radius:50px;
    font-size:18px;
}
.top5{
    width: 90%;
    padding:10px;
    border:3px ridge rgb(255, 238, 238);
    background:rgb(218, 205, 171);
    background:linear-gradient(to bottom, #fff9f9 15%, #f8ecc8);

    color:#b79c72;
    font-weight:bold;
    border-left:none;
    border-top-left-radius:26px;
    font-size:18px;
}





.hdr{
    
    color: #c9909c;
    font-size: 26px;
    width: 430px;
    text-align: center;   
    border-radius: 30px;
    padding: 5px;
    border: #fcd9e9 2px ridge;
    background:linear-gradient(to bottom, #fef9fc 15%, #e9c8d9);;
}


.welcome{

height: 35%;
border-width: 6px;
border-style: solid;
border-image: url("https://static.tumblr.com/yn7vk7p/DfHmp40xm/bo-ha26.gif") 4 fill round;

border-radius: 9px;
padding: 5px;
}





@font-face {font-family: candypop;
src: url(https://dl.dropbox.com/s/53rwduk24jn09xg/Candy_Pop%21-demo-font.ttf);
}
 
@font-face {font-family: 'Clover';src:url(https://dl.dropbox.com/s/tww5wi7apwf7nh2/clover.ttf);}


.downtown{
border-radius: 10px;
padding: 9px 0px 9px;
width:100%;
height:230px;
display:flex;


}

.uptown{
background-size: 10%;
width:100%;
padding:px;
height:500px;
display:flex;

}

.right{
    background-color: rgb(255, 252, 250);
border-bottom-left-radius: 30px;
border-top-left-radius: 30px;
padding-bottom: 10px;
border: rgb(255, 252, 252) 3px ridge;
width:25%;
height:880px;
}

.left{
background-color: rgb(255, 252, 250);
border-bottom-right-radius: 30px;
border-top-right-radius: 30px;
padding-bottom: 10px;
border: rgb(255, 252, 250) 3px ridge;
width:25%;
height:880px;

}

.nav{
    border: #bd919d 1px ridge;
    border-top-right-radius: 20px;
   border-bottom-right-radius: 7px;
}

.tinyintro{
    
display: block;
padding: 0px;
width: 90%;
background-image: url(https://i.pinimg.com/736x/e1/34/2d/e1342d0ec5e2dbabfd941809c364cabc.jpg);
border: #ffd7e9 4px ridge ;
border-radius: 5px;
}


.wa{
    margin-left: 15px;
    border: #bd919d 1px ridge;
    background-color: #ffffff;
    border-radius: 20px;
    width: 55%;
}
    



h3{
    color: hsl(331, 37%, 68%);
font-size: 35px;
font-family: candypop;



}

p{
font-size:17px;
color: rgb(0, 0, 0);
}

h4{
color: hwb(0 100% 0%);
text-decoration: underline;
}


.wa h3{
    background-color: #fffafa77;

}



.calendar{
    justify-self: center;
    
}


.counter{
justify-self: center;

}


.button{
  
margin-top: 10px;
    background-image:url(https://i.pinimg.com/736x/33/66/4d/33664d334e959f935b0d0d1c5509339b.jpg) ;
    background-size: 100%;
border: #e4f6ff 2px ridge;
border-radius: 10px;



}

    /******************************
    
                 FOOTER
    
    ******************************/     
    
 
    





    .scroll{   
background-size: 450px;
    background-color: #fffdf9;
    border: 5px ridge #1b151700;
    border-radius: 6px;
    color: #d58ead;
 font-size: 18px;
}

.Scroll{
    width: 98%;
    height:300px;
    overflow:scroll;
    overflow-x:hidden;




      


}


























    {CustomCss}
    </style>

























<style>
    ::-webkit-scrollbar {
    width: 16px
    }
     
    ::-webkit-scrollbar:horizontal {
    height: 17px
    }
     
    ::-webkit-scrollbar-corner {
    background: #eee
    }
     
    ::-webkit-scrollbar-track:vertical {
    background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%)
    }
     
    ::-webkit-scrollbar-track:horizontal {
    background: linear-gradient(180deg, #e5e5e5, #f0f0f0 20%)
    }
     
    ::-webkit-scrollbar-thumb {
    border: 1.5px solid #888;
    border-radius: 3px;
    box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;
    background-color: #eee;
    }
     
    ::-webkit-scrollbar-thumb:vertical {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC") no-repeat 50%, linear-gradient(90deg, #eee 45%, #ddd 0, #bbb)
    }
     
    ::-webkit-scrollbar-thumb:horizontal {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC") no-repeat 50%, linear-gradient(180deg, #eee 45%, #ddd 0, #bbb)
    }
     
    ::-webkit-scrollbar-button:horizontal:end:increment,
    ::-webkit-scrollbar-button:horizontal:start:decrement,
    ::-webkit-scrollbar-button:vertical:end:increment,
    ::-webkit-scrollbar-button:vertical:start:decrement {
    display: block
    }
     
    ::-webkit-scrollbar-button:vertical {
    height: 17px
    }
     
    ::-webkit-scrollbar-button:vertical:start:decrement {
    background: white;
    background-image: url("https://cdn.discordapp.com/attachments/904308736712138793/1001299199633141851/download.png");
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }
     
    ::-webkit-scrollbar-button:vertical:start:increment {
    display: none;
    }
     
    ::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
    }
     
    ::-webkit-scrollbar-button:vertical:end:increment {
    background: white;
    background-image: url("https://cdn.discordapp.com/attachments/904308736712138793/1001299200052576387/87ae92e1-3894-4469-b1b9-aedf5f04975c.png");
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }
     










    .lower{
               width:99%;
               position:relative;
               display:flex;
               gap:10px;
               padding:5px;
               height:460px;
               border-radius: 0px 0px 25px 25px;
               margin-top:19px;
               
           }










    </style>








<style>
    H3 {
      text-align: center;
      animation: tilt 1s infinite alternate;
    }
    
    @keyframes tilt {
      from { transform: rotate(5deg); }
      to { transform: rotate(-5deg); }
    }
    </style>
        
    
    
        















<style>
::selection {
/* Change highlight background color */
background: rgb(255, 211, 222);
/* Change highlight text color */
color: #ffffff;
}
</style>







    </head>
    <script src="https://unpkg.com/webamp@1.4.0/built/webamp.bundle.min.js"></script>
    <body>
      


        <script>NekoType="calico"</script>
        <h1 id=nl><script src="https://webneko.net/n20171213.js"></script><a 
        href="https://webneko.net">Neko</a></h1>





        <div class="container">
       
            <!-- . . header . . -->
            <div id="header">

                <div id="header_img">
                
                

                  
            
                   
                    </div>


                    
                </div>
            <!-- . . links . . -->
            
        
<div id="links">
    <marquee  id="links" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
        <img src="https://pixels.crd.co/assets/images/gallery23/e4888ac1.gif?v=99d3974e"> 
        
    [Lamp「ゆめうつつ」歌詞]

        澱むよ 今日の僕の部屋は澱む
        外の雨にさえ気付かない
        
        部屋の陰影[かげ]が不透明な僕の指にかかる
        呼び戻す言葉も見つからない
        
        沈むよ 雨の月曜日に沈む
        外の雨にさえ気付かない
        
        窓硝子越しの 移ろう雲
        君と過ごした日々の終わり
        
        優しい水色の午後
        僕は夢現
        降りしきる影と光
        君が好きさ
        
        ああ、今すぐ会わないかい
        ああ、もう一度会わないかい
 </marquee>
</div>
        
      
<div class="uptown">
<div class="left"> 
<div class="nav">
<div class="Top">
Sitely
</div>
<div id="FUCK" style="padding:5px;">

<a href="/">Info</a>
<br>

<a href="/">Contact</a></a>
</div>
<div class="Top2">
Personal
</div>
<div id="FUCK" style="padding:5px">
<a href="/">About me</a>
<br>
<a href="/">Links</a>
<br>
<a href="/">Blog</a>
<br>
<a href="/">Art</a>
<br>
<a href="">Original charcters</a> 
<br>
<a href="/">Shrines</a>
</div>

<div class="Top3">
    Off-site
</div>
<div id="FUCK" style="padding:5px">
<a href="https://frenchexit2014.atabook.org/">Guestbook</a>
<br>
<a href="">Rentry</a>
<br>
<a href="https://neocities.org/site/frenchexit2014#">Neocities </a>
</div>
<div class="Top4">
    Misc
</div>
<div id="FUCK" style="padding:5px">
<a href="">Resources</a>
<br>
<a href="">Graphics</a>
<br>
<a href="">Sticker book</a>
</div>



</div>

<img src="https://64.media.tumblr.com/4ac1783ed63f34bdec272587229dddf8/be96298f611b55ac-e8/s250x400/c6907d3b95f586166c4fed29a784bea1d0693be5.pnj" style="position: absolute; width: 12%; margin-left: 175px ; margin-top: -35;">
<div id="links" style="margin-top: 10px;">
    <div class="scroll" style="height: 40%;">
<a href="https://dokode.moe/gamelounge/marriage"><img src="https://files.catbox.moe/46v03b.png" width="99%"></a>
<div class="results" style="width: 200px;background-color: #fff;color: #000;display: block;padding: 10px;border: 1px solid;margin: 0 auto;font-family: 'times';font-size: '15pt';">
    <p style="margin: 0">This page is protected by a</p>
    <h1 class="title" style="margin: 0">CAT</h1>
    <img class="image" style="max-width: 160px;border: 1px solid" alt="CAT" src="https://i.ibb.co/Bc2KW7v/cat.jpg">
    <p class="description">Cats are believed to be the only mammals who don't taste sweetness.</p>
    <small>
      <a href="https://hekate.neocities.org">Want your own? Visit hekate.neocities.org!</a>
    </small>
  </div>
   <a href="https://lovesick.cafe/grrrl"> <img src="https://loves1ck.neocities.org/img/sozai/grrrl/madebya-pink.png"></a>
<a href="https://tamanotchi.world/17420c"><img src="https://tamanotchi.world/i2/17420" alt="It's tamaNOTchi! Click to feed!" style="width: 50%;"></a>
<img src="https://fairytrash.neocities.org/img/bumperstickers/13.png">

</div></div>

<div id="links" style="width: 95%; margin-top: 9px;">
    <marquee  id="links" behavior="alternate" onmouseover="this.stop();" onmouseout="this.start();">
        <img src="https://raining-starss.neocities.org/hm%20(1).gif"> 
        <img src="https://64.media.tumblr.com/1f8ab2690bec773f17558e9ec6fa6a52/6672f487bca8affa-62/s100x200/01c741cd3276eda5f739e3352da373432c0f10a1.gifv"> 
        <img src="https://raining-starss.neocities.org/21124%20(9).gif"> 
       <img src="https://64.media.tumblr.com/cc96c2796bcf9e71ec12f23e70250b7a/c9955045e2d3bfe1-54/s100x200/d2f98a267fd73753d46f2d0a292acbc58cfeb324.gifv">
        <img src="https://adriansblinkiecollection.neocities.org/buttons/f24.jpg"> 
        <img src="https://adriansblinkiecollection.neocities.org/buttons/a80.gif"> 
        <img src="https://raining-starss.neocities.org/butt%20(2).gif"> 
        <img src="https://raining-starss.neocities.org/loopdeloop%20(9).gif"> 
        <img src="https://raining-starss.neocities.org/button%20(7).gif"> 
        <img src="https://wrender.neocities.org/Images/queercodedbutton.png">
       
    </marquee>
</div>
<img src="https://wrender.neocities.org/Images/MikuUsamimiPajama.png" style="position: absolute; top: 960px; left: -160; width: 30%;;">
</div>


<div class="main">
    
<div class="welcome"> 

        <div class="scroll">
        <center><div class="hdr">W e l c o m e !</div></center>
        
       <center><img src="https://dividers.crd.co/assets/images/gallery03/5a1032ba.gif?v=05d33f91"></center> 
        <text style="color: #ff7ecc;">Hi!! Hellooo!!</text><img src="https://pixels.crd.co/assets/images/gallery13/1ef5d44a.gif?v=99d3974e">
        this is my personal website that was baked with <text style="color: #ffadcb;">love </text>at <text style="color: #d69595;">375</text> degress!!
        <br>
        <br>
        This place was created around 2024 but it took around 5-6 months for me to actually start coding it.
        <img src="https://i.pinimg.com/originals/09/23/f8/0923f8e67cf4222776a7a158e6791d4a.gif" style="height: 30%; float: right; "> 
        I was inspired by webcore,
    the 2000s and some other websites like: Swirl, Windchime, PurinLand and SugarAngels! 
        They are truly the cutest sites i have ever seen!! 
        <br><br>
      
        From my <text style="color: #f97bc3;">heart</text> to your screen, enjoy!
             <img src="https://dividers.crd.co/assets/images/gallery03/8e4d1768.gif?v=05d33f91" width="100%">
       
 <marquee> 
 <img src="https://files.catbox.moe/cmvic7.gif">
<img src="http://www.mabsland.com/Pandas/Censor_14c.gif">
<img src="https://64.media.tumblr.com/00c4a2e93e4a9ade0e2a94b720d66bcd/df6bf69bb20ca65d-c6/s100x200/7fc9b3faa988c79b1c6b4d84ed2b43ee88faf5ce.gifv">
<img src="https://64.media.tumblr.com/9c24ce17b1b3da2a9c0d7ce433f91af2/df6bf69bb20ca65d-76/s100x200/a9164df71895f91a34a5a77c76a55fd9d4090838.gifv">
<img src="https://64.media.tumblr.com/430d60dc6297321c0334c852780dad92/00d82af58e115336-d5/s100x200/ce3b02294eca1b5ac69443595e6855e421d3d4da.gifv">
</marquee>
        </div>
     </div>
<br>
<div id="links">
<img src="https://64.media.tumblr.com/04ef68517df14ba41e589bbff0a4fd91/4f1a14dc802d992c-9c/s500x750/e9b78d98dbfe271fa08f6bd1927cd7c6159c0a98.gifv" width="100%">
</div>
<br>
<div class="downtown">
    <div id="links" style="padding: 10px;">
<div class="wo"> <iframe src="https://calendar.sakura.ne.jp/blog_cal.html" style="background-color:rgba(222, 154, 152, 0.484);padding:0px;border:0;margin:1px;overflow:hidden; width:170px;height:212px;overflow:hidden;"></iframe> </div>
</div>
<img src="https://files.catbox.moe/1jz3rh.png" style="position: absolute; left: 530px; width: 15%; margin-top: -2%;">
<div class="wa">
    <div class="scroll" style="height: 95%; border-radius: 20px; background-image: url(https://i.pinimg.com/474x/9b/c5/9f/9bc59f104b81c1032a688adf33c31d87.jpg); ">
 <h3>Update log</h3>
 

    <p>3/30/2025: <br>
    homepage new layout is on the works</p>

    <p>3/31/2025: <br>
    webmaster is tired but keeps working on homepage</p>

    <p>4/1/2025:  <br>
    Finally homepage is done</p>

  </div>
</div>
</div>
<div id="links">
<img src="https://64.media.tumblr.com/110274eb046b43d5708857d5be44b75d/357ef05745e50dfb-67/s640x960/5c9af5c24249f3fdc0852cf7dfc7eb4c5c3fc4fc.gifv" width="100%">
</div>


<div class="button">
 <center><img src="https://dividers.crd.co/assets/images/gallery03/1d880134.gif?v=05d33f91">  </center> 
<center><img src="https://files.catbox.moe/t1lr1n.png"> <textarea> <a href="https://frenchexit2014.neocities.org/"><img src="https://files.catbox.moe/t1lr1n.png"></a></textarea><br><br> Link me!!
</center>



</div>

</div>
<div class="right">
<div class="stuff">

<center>  <div class="top5">
    Page status
</div></center>
 

<div class="status" style="margin-top: 2px;">
    
    <div class="idk">
        <img src="https://64.media.tumblr.com/18bbfcdec2322288268710ccd0165bbb/1490d1effa3414ae-28/s500x750/3a6ebfd59cd0c5b450d433f8fe3bce59a7baee2b.jpg"  width="100%">
        
       <div  style="
        color: rgb(211, 143, 184);
        font-size: 15;
       text-align: center;
       padding:5px ;" 
       class="you">You are visitor number...</div>
       <div class="counter">
           <script language="javascript" type="text/javascript" src="//counter1.fc2.com/counter.php?id=40243813&main=1"></script><noscript><img src="//counter1.fc2.com/counter_img.php?id=40243813&main=1" /></noscript> 
    
       </div>
           <center><p>Gaby is feeling a bit.. <a href="https://www.imood.com/users/Frenchexit2014"><img src="https://moods.imood.com/display/uname-Frenchexit2014/imood.gif" alt="The current mood of Frenchexit2014 at www.imood.com" border="0"></a>
           </p></center>
           

</div>
<img src="https://dividers.crd.co/assets/images/gallery02/6865d0b4.jpg?v=05d33f91" width="100%">
    </div>

<div id="links" style="margin-top: 10px;">
    <marquee  id="links" behavior="alternate" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
        <img src="https://adriansblinkiecollection.neocities.org/stamps/c12.png">
        <img src="https://adriansblinkiecollection.neocities.org/stamps/k11.png">
        <img src="https://adriansblinkiecollection.neocities.org/stamps/k12.png">
        <img src="https://raining-starss.neocities.org/pastel%20(1).gif">
        <img src="https://raining-starss.neocities.org/goodieblink%20(4).png">
        <img src="https://raining-starss.neocities.org/s2%20(2).png">
        <img src="https://mooeena.neocities.org/img/stamps/kr0w_ascii.gif">
        <img src="https://raining-starss.neocities.org/73119stamps%20(2).png">
        <img src="https://64.media.tumblr.com/7eab85045887b8014487a9c242a8ebf3/791ed3d96d63c2a5-67/s250x400/4c2ce9fc86d19ddaef86533ec70ccec3a190b06a.gifv">
        <img src="https://adriansblinkiecollection.neocities.org/stamps/k37.jpg">
        <img src="https://adriansblinkiecollection.neocities.org/stamps/k30.jpg">
        <img src="https://adriansblinkiecollection.neocities.org/stamps/h22.gif">
        <img src="https://64.media.tumblr.com/282308cb68fcafe2de7ad200af895b2d/0a314c1722fc4072-9d/s100x200/c02d6e31a1a358791b58795c4d6c46cfff329cf4.gifv">
     </marquee>
</div>
<br>
<img src="https://files.catbox.moe/1jz3rh.png" style="position: absolute; width: 120; margin-left: 59px; margin-top: -20px;">
<div id="links" style="width: 90%; margin-left: 10px;">
<h3>Piclog</h3>
<a href="https://piclog.blue/profile.php?id=1179"><img src="https://piclog.blue/latest.php?id=1179" style="width: 95%; margin-left: -5px; padding: 10px; border-radius: 20px;"></a>
<img src="https://dividers.crd.co/assets/images/gallery02/0ecb12e4.png?v=05d33f91" width="190px">
</div>


</div>



</div>



    






        
</div>        

       
    </body>
    </html>