<!-------------------------------------------------------------------------------------------------------
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣶⣿⠿⢷⣤⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣤⣤⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣼⢿⣿⢷⡀⠀⠐⠿⣦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡿⠡⠺⠬⣙⡳⠦⣤⣀⣀⣠⡴⣾⠛⠀⠈⠀⠀⠀⠀⠀⠀⠈⠻⣧⣀⠀⠀⠀⢀⣠⡤⢤⡤⠤⠤⣤
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣤⣤⣤⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣇⠀⠀⠀⠈⠙⠒⠢⣤⡀⠀⣼⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡏⠛⠻⣿⠿⠋⠉⠉⠁⠀⠀⢈
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⠿⠋⠀⠀⠀⠉⠛⠻⠶⢤⣄⣀⣀⣀⡀⠀⠻⣆⠀⠀⠀⠀⠀⠀⠀⠈⣽⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠠⡄⠀⠈⣇⠴⠋⠁⠀⠀⠀⠀⠀⠠⢃⡾
⠀⠀⠀⠀⠀⠀⠀⢀⣤⣞⣻⡅⠀⠀⠀⢀⡠⠔⠒⠀⠀⠀⠀⠉⠉⠉⠉⠛⠓⠻⢷⣦⡒⠀⠀⠠⠄⣾⣇⠀⠀⠀⠀⠀⣤⠀⠀⠀⢀⢀⣿⢦⡀⠉⠀⠀⠀⠀⢀⣠⢀⣠⡴⠛⠀
⠀⠀⠀⠀⣴⠞⠋⠉⠉⠁⠀⠀⠴⠒⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠙⠛⠛⠉⠹⢿⡗⠆⠀⠀⠀⠈⠀⠀⠰⣿⠟⠉⠀⡗⠲⠯⠥⠬⠿⠾⠟⠋⠁⠀⠀⠀
⠀⠀⠀⢸⡟⠀⠀⠀⠀⡠⠀⠀⠀⠀⠀⡠⠊⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡀⠀⠀⠀⠀⠀⠀⢀⣷⠃⠀⠀⠀⠀⠀⠀⡤⠀⠀⠀⣸⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⣿⠀⠀⠀⠀⡼⠃⠀⠀⠀⠀⠘⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡼⠃⠀⠀⠀⠀⠀⠀⣾⠃⠀⠀⠀⠀⠀⠀⠈⠁⠀⠀⢀⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⣾⡿⠀⠀⠀⣴⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⠞⠁⠀⠀⠀⠀⠀⠀⣴⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣼⠏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⣼⢹⡇⠀⠀⢸⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠏⠀⠀⠀⠀⠀⠀⠀⢼⡟⣒⠤⠄⠀⡀⠀⠀⠀⢀⠀⣰⢏⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢠⡏⢸⡇⠀⠀⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠃⠀⠀⠀⠀⠀⠀⠀⠀⠘⣧⣸⡗⠐⣟⣁⠀⠀⣀⣨⡾⠁⣼⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢸⠀⣿⡇⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⡏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⢯⣉⣛⣓⣒⣋⡽⠋⢀⣼⢻⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⣼⢠⢻⡇⠀⠀⣿⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⠀⠀⠀⠀⠀⣠⠂⠀⠀⠀⠀⠀⠀⠀⠈⠉⠉⠉⠁⠀⢀⡾⠁⢹⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⣿⠸⣾⠀⠀⠀⢸⣧⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡇⠀⠀⠀⠀⣾⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⠞⠀⠀⢸⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢹⠀⣿⠀⠀⠀⠀⢿⡆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡞⠀⠀⠀⠀⠘⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⡞⠁⠀⠀⠀⢸⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠸⡆⣿⡀⠀⠀⠀⠈⣿⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡴⠋⠀⠀⠀⠀⠀⣼⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⣿⠸⣧⠀⠀⠀⠀⠘⣿⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣧⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⠀⠀⠀⠀⠀⠀⣸⡏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠈⣆⢻⠀⠀⠀⠀⠀⢸⣿⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠸⣾⣆⠀⠀⠀⠀⣾⠀⠙⠷⣦⣤⣀⠀⠀⠀⠀⠀⠀⠀⠀⠈⣿⢠⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⢻⡏⠀⠀⠀⣼⢿⡆⠀⠀⠀⢨⡟⠙⠛⠻⠶⠶⠶⠦⢤⣤⣽⡈⠇⠀⠀⠀⠀⣠⡶⠋⠀⠀⠀⠀⠀⠀⣠⣤⠄⠀⠀⢸⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⣿⠀⠀⠀⢰⡇⢸⡇⠀⠀⠀⣼⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⣧⠀⠀⠀⠀⠀⣿⣀⠀⠀⠀⠀⢀⣠⠿⡇⠀⠀⠀⢀⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⡇⠀⠀⠀⣿⠀⢸⠇⠀⠀⢠⡏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⡄⠀⠀⠀⠀⢻⠙⠳⣦⣀⡴⠟⠁⠀⣿⠀⠀⠀⢸⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⣧⠀⠀⠀⣿⠀⢸⠀⠀⢠⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣷⠀⠀⠀⠀⢸⡀⠀⠀⠀⠀⠀⠀⢠⡟⠀⠀⠀⢸⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⢹⡇⠀⢸⠇⢀⡟⠀⢀⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡆⠀⠀⠀⣼⠇⠀⠀⠀⠀⠀⠀⢸⢹⠀⠀⠀⢸⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⢸⠀⠀⣸⠀⢸⡇⠀⢸⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡇⠀⠀⠀⡟⠀⠀⠀⠀⠀⠀⠀⠘⡇⠀⠀⢀⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⢸⠀⠀⢹⡀⣸⠀⠀⢸⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡇⠀⠀⢸⠁⠀⠀⠀⠀⠀⠀⠀⠀⣿⠀⠀⣸⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⣼⠁⠀⠈⣷⡇⠀⠀⢸⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡇⠀⠀⠘⣇⠀⠀⠀⠀⠀⠀⠀⠀⣿⠀⠀⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⢸⣏⡀⠀⠀⣹⡆⠀⠀⠉⣻⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣇⠀⠀⡀⡿⠀⠀⠀⠀⠀⠀⠀⠀⡇⠀⠀⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⢿⡁⠀⠀⠈⠉⡟⠦⠤⠤⠼⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢹⡀⠀⢣⡃⠀⠀⠀⠀⠀⠀⠀⢰⡇⠀⠀⢹⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠈⠳⠥⠤⠼⠟⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡇⠀⠈⣇⠀⠀⠀⠀⠀⠀⠀⠈⣷⠀⠀⠀⢧⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⠁⠀⠀⢿⡀⠀⠀⠀⠀⠀⠀⠀⢹⣀⡀⠀⠜⢷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⣇⡀⠀⠀⢈⣧⠀⠀⠀⠀⠀⠀⠀⠸⣿⣁⣀⣀⣸⡷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⠀⠉⠁⠀⠉⢹⡆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⠦⣤⠤⠤⠶⠛⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

--------------------------------------------------------------------------------------------------------->
<!doctype html>
<html lang="en">

<head>
    <!-- general site config -->
    <meta charset="UTF-8" />
    <title>The Discovery Channel ꕤ｡˚⋆</title>
    <link rel="shortcut icon"
        href="https://file.garden/aA2l8ug81GreC0q0/px/pr/3d478932a64c0db7be1ec9078b7724d1099e0722.gif" />

    <!-- javascripts -->
    <script src="https://file.garden/aA2l8ug81GreC0q0/file/sparkle-violet.js"></script>
    <style>
        /* TO DO LIST */
        .int-con {
            display: flex;
            justify-content: center;
        }

        .int {
            width: 416px;
            height: 140px;
            overflow: auto;
            padding: 3px;
            border: 1px solid transparent;
        }

        /* DOTS FOR LISTS */

        .dot-list {
            margin: 0;
            padding-left: 18px;
        }

        .dot-list li {
            margin-bottom: 6px;
        }

        /* BUTTONS */
        .buttons {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 6px;
        }

        .buttons img {
            width: 75px;
            height: auto;
        }

        /*============================================*/
        @font-face {
            font-family: Times New Roman;
            src: url("../file/fonts/new-times-roman/Times-New-Roman.ttf");
        }

        @font-face {
            font-family: Times New Roman;
            src: url("../file/fonts/new-times-roman/Times-New-Roman_bold.ttf");
            font-weight: bold;
        }

        @font-face {
            font-family: Times New Roman;
            src: url("../file/fonts/new-times-roman/Times-New-Roman_italic.ttf");
            font-style: italic;
        }

        @font-face {
            font-family: Times New Roman;
            src: url("../file/fonts/new-times-roman/Times-New-Roman_bold-italic.ttf");
            font-style: italic;
            font-weight: bold;
        }

        body {
            cursor: url("https://file.garden/aA2l8ug81GreC0q0/cur/pr-molang/normal.png"), auto;
            font-family: "Times New Roman", Times, serif;
            font-size: 11px;
            letter-spacing: 1px;
            justify-content: center;
            text-align: left;
            margin: 0;
            background-color: #08031a;
            color: #e7ddff;
            background: #beb5c1 url(https://file.garden/aA2l8ug81GreC0q0/img/4zyysx.webp) fixed;
            padding: 20px;
        }

        * {
            box-sizing: border-box;
        }

        html {
            cursor: url("https://file.garden/aA2l8ug81GreC0q0/cur/pr-molang/normal.png"), auto;
        }

        a {
            cursor: url("https://file.garden/aA2l8ug81GreC0q0/cur/pr-molang/Handwriting.png"), auto;
            font-weight: bold;
            color: #9464f5;
        }

        a:hover {
            color: #7664f5;
            cursor: url("https://file.garden/aA2l8ug81GreC0q0/cur/pr-molang/Handwriting.png"), auto;
        }

        #container {
            max-width: 900px;
            width: 100%;
            margin: 20px auto;
            padding: 10px;
            border-radius: 20px;
            border-width: 8px;
            background-color: #13092d;
            border: 1px solid #ed64f5;
        }

        #container a {
            color: #b479de;
            font-weight: bold;
            text-decoration: none;
        }

        #container a:hover {
            color: #7664f5;
            text-decoration: none;
            cursor: url("https://file.garden/aA2l8ug81GreC0q0/cur/pr-molang/Handwriting.png"), auto;
        }

        #header {
            width: 100%;
            background-color: #5e4e8c;
            height: 150px;
            background-image: url("https://file.garden/aA2l8ug81GreC0q0/img/gallery/b1c4204977d886f9d24e53e08ed3e305.png");
            border-radius: 10px;
            background-size: 100%;
        }

        /* navigation section!! */
        #navbar {
            margin-top: 0;
            background-color: #13092d;
            display: flex;
            justify-content: center;
            padding: 0;

            height: 40px;
            width: 100%;
        }

        #navbar ul {
            display: flex;
            padding: 0;
            margin: 0;
            list-style-type: none;
            justify-content: space-evenly;
        }

        #navbar li {
            padding-top: 15px;
        }

        /* Navigation */
        #navbar {
            margin-top: 0;
            background: transparent;
            display: flex;
            justify-content: center;
            padding: 0;
            gap: 8px;
            align-items: center;
        }

        #navbar a {
            color: #b479de;
            font-weight: bold;
            text-decoration: none;
            text-transform: lowercase;
            font-family: "Times New Roman", Times, serif;
            padding-bottom: 0;
            font-size: 11px;
            line-height: 15px;
            background: #000000;
            padding: 2px 10px;
            margin-left: 5px;
            margin-right: 5px;
            border: 1px dashed #7b5e95;
            border-radius: 10px;
        }

        #navbar a:hover {
            color: #7664f5;
            text-decoration: none;
            cursor: url("https://file.garden/aA2l8ug81GreC0q0/cur/pr-molang/Handwriting.png"), auto;
        }

        #flex {
            display: flex;
        }

        aside {
            background-color: #241445;
            width: 200px;
            padding: 20px;
            font-size: smaller;
        }

        main {
            background-color: #43256e;
            flex: 1;
            padding: 20px;
            order: 2;
        }

        main p {
            text-align: justify;
        }

        */ #leftSidebar {
            order: 1;
        }

        #rightSidebar {
            order: 3;
        }

        footer {
            background-color: #13092d;
            width: 100%;
            height: 40px;
            padding: 10px;
            text-align: center;
        }

        h1,
        h2,
        h3 {
            color: #c894ff;
            font-weight: bold;
            letter-spacing: 2px;
            margin-bottom: 5px;
            border-bottom: 2px solid #610498;
        }

        h1 {
            font-size: 25px;
        }

        strong {
            /* this styles bold text */
            color: #ed64f5;
        }

        /* this is just a cool box, it's the darker colored one */
        .box {
            background-color: #13092d;
            padding: 10px;
            border: 1px dashed #ed64f5;
            border-radius: 10px;
        }

        /* CSS for extras */

        #topBar {
            width: 100%;
            height: 30px;
            padding: 10px;
            font-size: smaller;
            background-color: #13092d;
        }

        @media only screen and (max-width: 900px) {
            #flex {
                flex-direction: column;
            }

            aside {
                width: 100%;
            }

            main {
                order: 1;
            }

            #leftSidebar {
                order: 2;
            }

            #rightSidebar {
                order: 3;
            }

            #navbar {
                flex-direction: column;
                gap: 8px;
                align-items: center;
            }
        }

        .center {
            text-align: center;
        }

        .right {
            text-align: right;
        }

        /* ===== Scrollbar CSS ===== */
        ::-webkit-scrollbar-thumb {
            background-color: #610498;
            border: 1px solid #000000;
            border-radius: 6px;
        }

        ::-webkit-scrollbar {
            width: 6px;
            height: 0;
            background: transparent;
        }

        /* ===== Div Classes CSS ===== */
        .extra {
            display: block;
            font-size: 12px;
            padding-left: 10px;
            margin-bottom: 4px;
            color: #c894ff;
        }

        /* ===== Status cafe CSS ===== */
        #statuscafe {
            height: 90px;
            overflow: auto;
            background-color: #13092d;
            border: 1px dashed #ed64f5;
            border-radius: 10px;
            padding: 10px;

            /* hide scrollbar (Firefox) */
            scrollbar-width: none;

            /* hide scrollbar (IE/Edge old) */
            -ms-overflow-style: none;
        }

        /* hide scrollbar (Chrome, Safari) */
        .logbox::-webkit-scrollbar {
            display: none;
        }

        #statuscafe-username {
            margin-bottom: 0.5em;
        }

        #statuscafe-content {
            margin: 3px;
        }
    </style>
</head>

<body>
    <div id="container">
        <!-- Navigation -->
        <div id="headerArea">
            <div id="header"></div>
            <nav id="navbar">
                <a href="index.html">Home</a>
                <a href="about.html"><img
                        src="https://file.garden/aA2l8ug81GreC0q0/px/pr/c7b0b707c83f92f70a53229974a92e4505a28aa0.gif"
                        height="10" alt="x" />
                    about</a>
            </nav>
        </div>
        <!---->
        <div id="flex">
            <aside id="leftSidebar">
                <!---->
                <h2>Status</h2>
                <div class="extra">
                    <img src="https://file.garden/aA2l8ug81GreC0q0/px/pr/c6b787d6.gif" width="9" />
                    Feeling:
                    <a href="https://www.imood.com/users/keychainz">
                        <img src="https://moods.imood.com/display/uname-keychainz/fg-c894ff/trans-1/imood.gif"
                            alt="imood status" style="border: none" />
                    </a>
                </div>
                <div class="extra">
                    <img src="https://file.garden/aA2l8ug81GreC0q0/px/pr/c6b787d6.gif" width="9" />
                    Coding To This:
                </div>
                <iframe
                    src="https://petracoding.github.io/neocities/widgets/lastfm?center=1&marquee=1&font-family=Times%20New%20Roman&font-size=11px&color=#c894ff;&username=keyzlorp&swapPositions=1&delimiter=♡&underline=0"
                    style="border: none; width: 159px; height: 20px" title="Last.fm Status">
                </iframe>
                <div id="statuscafe">
                    <div id="statuscafe-username"></div>
                    <div id="statuscafe-content"></div>
                </div>
                <script src="https://status.cafe/current-status.js?name=keychainz" defer></script>
                <!---->

                <div style="padding: 10px 0">
                    <img src="https://file.garden/aA2l8ug81GreC0q0/img/gallery/fb199df6246969922e110c9c910eacb0.png"
                        width="160" style="border-radius: 10px" />
                </div>

                <!-- KLEFKI -->
                <div class="center" style="padding-bottom: 10px">
                    <div style="
            width: 160px;
            background: #efe8fa;
            border: 1px solid #888;
            border-top: 1px solid #ddd;
            border-left: 1px solid #ddd;
            padding: 8px;
            font-family: &quot;MS Gothic&quot;, &quot;MS UI Gothic&quot;, monospace;
            color: #807a91;
            font-size: 11px;
            box-shadow:
                2px 2px 0 #666,
                1px 1px 0 #aaa;
        ">
                        <p style="margin: 0 0 1px; font-size: 10px; color: #666">my partner pokemon is a</p>
                        <p
                            style="margin: 0 0 1px; font-size: 14px; font-weight: bold; color: #cc2222; letter-spacing: 1px">
                            KLEFKI</p>
                        <p style="margin: 0 0 4px; font-size: 10px; color: #555; font-style: italic">the collector</p>
                        <div style="margin-bottom: 5px">
                            <span style="
                    display: inline-block;
                    padding: 1px 5px;
                    font-size: 9px;
                    font-weight: bold;
                    border: 1px solid #888;
                    margin-right: 2px;
                    font-family: &quot;MS Gothic&quot;, monospace;
                ">Steel</span><span style="
                    display: inline-block;
                    padding: 1px 5px;
                    font-size: 9px;
                    font-weight: bold;
                    border: 1px solid #888;
                    margin-right: 2px;
                    font-family: &quot;MS Gothic&quot;, monospace;
                ">Fairy</span>
                        </div>
                        <img src="https://raw.githubusercontent.com/msikma/pokesprite/master/pokemon-gen8/regular/klefki.png"
                            alt="Klefki" style="
                width: 100%;
                display: block;
                image-rendering: pixelated;
                border: 1px solid #c8b8a8;
                margin-bottom: 6px;
            " />
                        <p style="margin: 0; font-size: 10px">
                            <a href="https://partypeople.dev/quizzes/partner-pokemon" style="color: #1f5fa6">get your
                                own partner pokemon!</a>
                        </p>
                    </div>
                </div>

                <!-- BLINKIES -->
                <div class="center" style="display: flex; flex-wrap: wrap; justify-content: center; gap: 6px">
                    <!-- multi -->
                    <img src="https://file.garden/aA2l8ug81GreC0q0/blk/pp4sy55" alt="" width="150" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/blk/dream" alt="" />

                    <!-- red -->
                    <img src="https://file.garden/aA2l8ug81GreC0q0/blk/70d368dea1f95425455915d39a8837666b041f0f.gif"
                        alt="" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/blk/af9e7454a0460fb5373c9fbed07ee1acf48f702a.gif"
                        alt="" />

                    <!-- orange -->
                    <img src="https://file.garden/aA2l8ug81GreC0q0/blk/1bda75c9a07e2a7660209b3ba0f03a488ff003bd.gif"
                        alt="" />

                    <!-- yellow -->
                    <img src="https://file.garden/aA2l8ug81GreC0q0/blk/1a9291abdb4ca9b2ad487d4366476c8119cf5320.gif"
                        alt="" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/blk/collector-of-everything_618f6abc35.gif" alt=""
                        width="150" />

                    <!-- green -->
                    <img src="https://file.garden/aA2l8ug81GreC0q0/blk/tumblr_387d7c91232c7c0fafaf9a62607107a2_0753f1e5_250.gif"
                        alt="" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/blk/7sbn4.gif" alt="" width="150" />

                    <!-- blue -->
                    <img src="https://file.garden/aA2l8ug81GreC0q0/blk/679392effe7fd55746b9a03328442ea03bbae23c.gif"
                        alt="" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/blk/block-ads_416250.gif" alt="" width="150" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/blk/freely-cringe_pme29.gif" alt="" width="150" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/blk/kgetw1s" alt="" width="150" />

                    <!-- pink -->
                    <img src="https://file.garden/aA2l8ug81GreC0q0/blk/a91b69080c107f550fff1ad0b94ed3f17946da8c.gif"
                        alt="" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/blk/onz6t.gif" alt="" width="150" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/blk/81g637s" alt="" width="150" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/blk/17588872a6d43f50064ca1fc8bcd7d7c1d3a1b4d.gif"
                        alt="" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/blk/50c236eca41cc4253e9d7a62b44ab4d0d48e92d4.gif"
                        alt="" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/blk/657e93639752dbc332f09a897ffce5b1786032bb.gif"
                        alt="" />

                    <!-- mono -->
                    <img src="https://file.garden/aA2l8ug81GreC0q0/blk/3cym3.gif" alt="" width="150" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/blk/uncontained-anomaly_1c8e312de8d40.gif" alt=""
                        width="150" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/blk/3e711656edbcfc8b729e815e43a9910861fa1129.gif"
                        alt="" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/blk/tumblr_a0d628ebdbe2116a983d5b2cb3b160e6_56d195d9_250.gif"
                        alt="" />
                </div>

                <!-- spacing image -->
                <div style="padding: 10px 0; text-align: center">
                    <img src="https://file.garden/aA2l8ug81GreC0q0/img/gallery/866428eef7c21c3a48243d739e092003.png"
                        width="160" style="border-radius: 10px" />
                </div>
                <!---->

                <!-- STAMPS -->
                <div class="center" style="display: flex; flex-wrap: wrap; justify-content: center; gap: 6px">
                    <!-- multi -->
                    <img src="https://file.garden/aA2l8ug81GreC0q0/stamp/amazing%20world%20of%20gumball" width="75" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/stamp/dont%20hug%20me%20im%20scared" width="75" />

                    <!-- brown -->
                    <img src="https://file.garden/aA2l8ug81GreC0q0/stamp/my3rz%5Btblr%5D_mehk60g" width="75" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/stamp/my3rz%5Btblr%5D_vqhafq3" width="75" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/stamp/likeymelikeylikeylikey19%5Btblr%5D_mbhxz80"
                        width="75" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/stamp/likeymelikeylikeylikey19%5Btblr%5D_tup0aqu"
                        width="75" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/stamp/sqqbal8" width="75" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/stamp/0rvl9du" width="75" />

                    <!-- blue -->
                    <img src="https://file.garden/aA2l8ug81GreC0q0/stamp/usahana%20(8).png" width="75" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/stamp/usahana%20(5).png" width="75" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/stamp/galactic-graphix%5Btblr%5D_21luvrg"
                        width="75" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/stamp/galactic-graphix%5Btblr%5D_hi8vewp"
                        width="75" />

                    <!-- violet -->
                    <img src="https://file.garden/aA2l8ug81GreC0q0/stamp/terrible%20things%202" width="75" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/stamp/terrible%20things%203" width="75" />

                    <!-- pink -->
                    <img src="https://file.garden/aA2l8ug81GreC0q0/stamp/optimist" width="75" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/stamp/love%20charas" width="75" />

                    <!-- mono -->
                    <img src="https://file.garden/aA2l8ug81GreC0q0/stamp/kangel%20(1).gif" width="75" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/stamp/kangel%20(2).gif" width="75" />
                </div>
                <!---->
            </aside>
            <main>
                <!-- About me Section -->
                <img src="https://file.garden/aA2l8ug81GreC0q0/img/gallery/6a856e0c5141e1ba56cf78961de76146_UNUSED_CONTENT.gif"
                    width="438" style="border-radius: 10px; display: block" />
                <p>Hey! I'm Keyz and you're watching <i>The Discovery Channel</i>.</p>
                <p>To list a few things about myself. I'm a <a
                        href="https://www.urbandictionary.com/define.php?term=porphyrophile">Porphyrophile</a>!</p>
                <p>I love <u>Iced Coffee</u>, <u>Leporids</u>, <u>Cats</u>, and <u>My Family</u>.</p>

                <p>I also like a lot of other things:</p>

                <ul>
                    <li>Drawing</li>
                    <li>Decorating</li>
                    <li>Coding (recently discovered)</li>
                    <li>Talking about or to myself</li>
                    <li>Personal parts of websites (journals, shrines, changelogs, gallery, photography)</li>
                    <li>Maternal/parental stuff in media (especially family AUs or pregnancy AUs)</li>
                </ul>

                <hr>

                <p>
                    My <u>Favorite YouTubers</u> of all time are <a href="https://youtube.fandom.com/wiki/3FS">3FS</a>
                    and
                    <a href="https://youtube.fandom.com/wiki/Charborg">Charborg</a>.
                </p>

                <p>I could say that these two are a <i>deep comfort</i> for me.</p>

                <p><b>Others I watch are:</b></p>
                <ul>
                    <li><a href="https://youtube.fandom.com/wiki/Markiplier">Markiplier</a></li>
                    <li><a href="https://youtube.fandom.com/wiki/Sketch">Sketch</a></li>
                    <li><a href="https://youtube.fandom.com/wiki/Flamingo">Flamingo</a></li>
                    <li><a href="https://youtube.fandom.com/wiki/PolarCub">PolarCub</a></li>
                    <li><a href="https://youtube.fandom.com/wiki/Criken2">Criken</a></li>
                    <li><a href="https://youtube.fandom.com/wiki/Kubz_Scouts">Kubz Scouts</a></li>
                    <li><a href="https://youtube.fandom.com/wiki/ManlyBadassHero">ManlyBadassHero</a></li>
                </ul>

                <hr>

                <p>My <u>Music Taste</u> is a mix of many genres including love songs, punk rock, heavy metal, etc.</p>

                <p><b>Songs I like:</b></p>

                <ul>
                    <li><a href="https://music.youtube.com/watch?v=qWJMm0MaF8A&si=kJgumUAAQCxeXwIB">Amor</a></li>
                    <li><a href="https://music.youtube.com/watch?v=i2OOruTFi80">Califórnica</a></li>
                    <li><a href="https://music.youtube.com/watch?v=8Bu3N-2tA_0&si=5i_TYMQqIfYGXE-W">Impacto</a></li>
                </ul>

                <p><b>Artists I love:</b></p>

                <ul>
                    <li><a href="https://music.youtube.com/channel/UCuIKtaAS_87KOaT0DcfD7Og">Hobo Johnson</a></li>
                    <li><a href="https://music.youtube.com/channel/UCKTkHvn-LNFvVS59gnKjKAw">Orange Sector</a></li>
                    <li><a href="https://music.youtube.com/channel/UCZ2V545mkkJIeQxtCfi47NQ">KMFDM</a></li>
                </ul>

                <hr>

                <p><b>Fictional characters I love:</b></p>

                <p style="line-height: 1.6">
                    <a href="https://buddy-simulator-1984.fandom.com/wiki/Buddy">Buddy</a>,
                    <a href="https://residentevil.fandom.com/wiki/Albert_Wesker">Albert Wesker</a>,
                    <a href="https://residentevil.fandom.com/wiki/Zeno">Zeno</a>,
                    <a href="https://the-baby-in-yellow.fandom.com/wiki/Dr._Nicolas_Arkham">Dr. Nicolas Arkham</a>,
                    <a href="https://villains.fandom.com/wiki/Mojave">Mojave</a>,
                    <a href="https://primaltv.fandom.com/wiki/Spear">Spear</a>,
                    <a href="https://primaltv.fandom.com/wiki/Fang">Fang</a>,
                    <a href="https://a-quiet-place.fandom.com/wiki/Sam">Samira</a>,
                    <a href="https://a-quiet-place.fandom.com/wiki/Eric">Eric</a>,
                    <a href="https://irongiant.fandom.com/wiki/Dean_McCoppin">Dean McCoppin</a>,
                    <a href="https://irongiant.fandom.com/wiki/Kent_Mansley">Kent Mansley</a>,
                    <a href="https://kamenrider.fandom.com/wiki/Shotaro_Hidari">Shotaro Hidari</a>,
                    <a href="https://kamenrider.fandom.com/wiki/Uva">Uva</a>,
                    <a href="https://regretevator.fandom.com/wiki/JAOBA">JAOBA</a>,
                    <a href="https://spy-x-family.fandom.com/wiki/Franky_Franklin">Franky Franklin</a>,
                    <a href="https://spy-x-family.fandom.com/wiki/Yuri_Briar">Yuri Briar</a>,
                    <a href="https://postal.fandom.com/wiki/The_Postal_Dude">Postal Dude</a>,
                    <a href="https://silenthill.fandom.com/wiki/James_Sunderland">James Sunderland</a>,
                    <a href="https://date-everything.fandom.com/wiki/Tony">Tony</a>,
                    <a href="https://date-everything.fandom.com/wiki/Dorian">Dorian</a>,
                    <a href="https://date-everything.fandom.com/wiki/Doug">Doug</a>,
                    <a href="https://date-everything.fandom.com/wiki/Amir">Amir</a>,
                    <a href="https://date-everything.fandom.com/wiki/Cam">Cam</a>
                </p>
                <!-- BUTTONS -->
                <hr>
                <p>While I'm at it. Here are my old Buttons!</p>
                <p>You're free to use any of my buttons here, <br>I just tend to add my Current Fave on status</p>
                <p><u>Recent to Oldest</u></p>
                <div class="btn-con">
                    <div class="btn">
                        <p><b>2026-04-05</b></p>

                        <a href="https://file.garden/aA2l8ug81GreC0q0/btn/users/keychainz-earth.png"
                            download="keychainz">
                            <img src="https://file.garden/aA2l8ug81GreC0q0/btn/users/keychainz-earth.png"
                                alt="keychainz" title="click here to download" />
                        </a>
                        <a href="https://file.garden/aA2l8ug81GreC0q0/btn/users/keychainz.png" download="keychainz">
                            <img src="https://file.garden/aA2l8ug81GreC0q0/btn/users/keychainz.png" alt="keychainz"
                                title="click here to download" />
                        </a>
                        <a href="https://file.garden/aA2l8ug81GreC0q0/btn/users/keychainz-miku.png"
                            download="keychainz">
                            <img src="https://file.garden/aA2l8ug81GreC0q0/btn/users/keychainz-miku.png" alt="keychainz"
                                title="click here to download" />
                        </a>
                        <a href="https://file.garden/aA2l8ug81GreC0q0/btn/users/button-miku.png" download="keychainz">
                            <img src="https://file.garden/aA2l8ug81GreC0q0/btn/users/button-miku.png" alt="keychainz"
                                title="click here to download" />
                        </a>
                    </div>

                    <div class="btn">
                        <p><b>2026-03-26</b></p>
                        <a href="https://file.garden/aA2l8ug81GreC0q0/btn/users/keyzforthings.png"
                            download="keyzforthings">
                            <img src="https://file.garden/aA2l8ug81GreC0q0/btn/users/keyzforthings.png"
                                alt="keyzforthings" title="click here to download" />
                        </a>
                    </div>
                </div>
                <!--BUNNY WORLD DOMINATION!!-->
                <hr>
                <div style="text-align: center; margin: 40px 0; font-family: monospace">
                    <pre style="margin: 0; line-height: 1.2 ">
(\_/)
(='.'=)
(")_(")
    </pre>
                    <p style="text-align: center">This is Bunny. Copy and paste Bunny into your webpage to help him gain
                        world domination.</p>
                </div>
                <!---->
            </main>
            <aside id="rightSidebar">
                <div class="center">
                    <img src="https://file.garden/aA2l8ug81GreC0q0/img/gallery/030152.png" width="160"
                        style="border-radius: 10px" />
                </div>

                <h2>Webmaster</h2>

                <div class="center" style="line-height: 1.6">
                    <p>Hey, I'm keyz, The webmaster. <br>I'm 18 years old (2008-01-02) <br>also ASEAN (Tagalog) <br> <a
                            href="https://rentry.co/keychainz">Read more here</a></p>
                    <p><b>Names:</b><br />Mykee / Mikhail / Zane</p>
                    <p><b>Pronouns:</b><br />He / Its <a href="https://prns.cc/wumzz">✚</a></p>
                </div>
                <!-- div -->
                <div class="center" style="margin-bottom: 10px">
                    <img src="https://file.garden/aA2l8ug81GreC0q0/div/image12.gif" width="150" />
                </div>
                <!-- besties -->
                <div class="center" style="margin-bottom: 10px">
                    <a href="https://rentry.co/keychainz">
                        <img src="https://file.garden/aA2l8ug81GreC0q0/px/miku/x0i1li.png" alt="Me" title="Me" />
                    </a>

                    <a href="https://rentry.co/chestsmith" target="_blank">
                        <img src="https://file.garden/aA2l8ug81GreC0q0/px/teto/5lfkjx.png" alt="Homeboy"
                            title="Homeboy" />
                    </a>
                </div>

                <!-- flags -->
                <div class="center" style="margin-bottom: 10px">
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bdges/flags/unlabeled.png" alt="unlabeled"
                        title="unlabeled" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bdges/flags/queer.png" alt="queer" title="queer" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bdges/flags/aspec.png" alt="aspec" title="aspec" />
                </div>
                <!-- badges -->
                <div class="center" style="margin-bottom: 10px">
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bdges/id/Catholic_Purple.png" alt="catholic"
                        title="catholic" width="78" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bdges/id/filipino.png" alt="filipino"
                        title="filipino" width="78" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bdges/id/sNuSVZA.png" alt="capricorn"
                        title="capricorn" width="78" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bdges/id/F10c885.png" alt="handed" title="handed"
                        width="78" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bdges/id/0HBKL8H.png" alt="cat" title="cat"
                        width="78" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bdges/id/Artist.png" alt="artist" title="artist"
                        width="78" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bdges/id/Coffee.png" alt="coffee" title="coffee"
                        width="78" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bdges/id/4WRtIX1.png" alt="pc" title="pc"
                        width="78" />
                </div>

                <div class="center" style="margin-bottom: 10px">
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bdges/pride/its.png" alt="its" title="its"
                        width="78" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bdges/pride/him.png" alt="him" title="him"
                        width="78" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bdges/id/Vs2WmBF.png" alt="infj" title="infj"
                        width="78" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bdges/id/l3R7Ulc.png" alt="intj" title="intj"
                        width="78" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bdges/pride/FBZwPWz.png" alt="ro" title="ro"
                        width="78" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bdges/pride/fictosexual_fRmh0SH.png"
                        alt="fictosexual" title="fictosexual" width="78" />
                </div>

                <div class="center" style="margin-bottom: 10px">
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bdges/id/AQPJNOh.png" alt="ill" title="ill"
                        width="78" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bdges/id/Y7MOfeL.png" alt="sen" title="sen"
                        width="78" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bdges/id/vision.png" alt="vision" title="vision"
                        width="78" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bdges/id/OBrKa68.png" alt="C-PTSD" title="C-PTSD"
                        width="78" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bdges/id/w0wBhk1.png" alt="bpd" title="bpd"
                        width="78" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bdges/id/qHTXGlk.png" alt="mad" title="mad"
                        width="78" />
                </div>
                <!-- PIXEL BUTTONS-->
                <div class="center" style="display: flex; flex-wrap: wrap; justify-content: center; gap: 3px">
                    <!-- multi-colored -->
                    <img src="https://file.garden/aA2l8ug81GreC0q0/px-btn/Giddy_vvvswq.gif" width="50" height="100%"
                        alt="Giddy" title="Giddy!" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/px-btn/Hyper_gcu6f5.gif" width="50" height="100%"
                        alt="Hyper" title="Hyper!" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/px-btn/Crazy_rsep9y.gif" width="50" height="100%"
                        alt="Crazy" title="Crazy!" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/px-btn/Wacky_ifuojn.gif" width="50" height="100%"
                        alt="Wacky" title="Wacky!" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/px-btn/Free_z13wcp.gif" width="40" height="100%"
                        alt="Free" title="Free!" />
                    <img src="https://file.garden/aA2l8ug81GreC0q0/px-btn/Cutie_wm2h2d.gif" width="40" height="100%"
                        alt="Cutie" title="Cutie!" />
                    <!-- monochromatic -->

                    <!-- red -->
                    <!-- orange -->
                    <!-- yellow -->
                    <!-- green -->
                    <!-- blue -->
                    <!-- indigo -->
                    <!-- violet -->

                    <!-- pink -->
                    <!-- brown -->
                    <!-- black -->
                    <!-- white -->
                    <!-- gray -->

                    <!-- pastel -->
                    <!-- neon -->
                    <!-- muted -->
                    <!-- warm -->
                    <!-- cool -->
                </div>
                <!-- img -->
                <div class="center" style="padding-top: 10px; padding-bottom: 10px">
                    <img src="https://file.garden/aA2l8ug81GreC0q0/img/gallery/12d7a93527ca441377d8a4434fc5457e.png"
                        width="160" style="border-radius: 10px" />
                </div>
                <!-- USERBOXES -->
                <div class="center" style="display: flex; flex-wrap: wrap; justify-content: center; gap: 6px">
                    <!-- multi-colored -->
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bx/png.png" width="169"
                        alt="This user loves PNGs. They are way better than the God forsaken JPEGs."
                        title="This user loves PNGs. They are way better than the God forsaken JPEGs." />

                    <!-- red -->
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bx/no-ai.png" width="169"
                        alt="This user does not consent to use of their posts for AI use!"
                        title="This user does not consent to use of their posts for AI use!" />

                    <img src="https://file.garden/aA2l8ug81GreC0q0/bx/rude-people.png" width="169"
                        alt="This user hates rude people" title="This user hates rude people" />

                    <img src="https://file.garden/aA2l8ug81GreC0q0/bx/sendhelp.png" width="169"
                        alt="This user has no idea what's going on ever. SEND HELP."
                        title="This user has no idea what's going on ever. SEND HELP." />

                    <img src="https://file.garden/aA2l8ug81GreC0q0/bx/no-ai.png" width="169"
                        alt="This user does not consent to use of their posts for AI use!"
                        title="This user does not consent to use of their posts for AI use!" />

                    <!-- orange -->
                    <!-- (none yet) -->

                    <!-- yellow -->
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bx/fictional-characters.png" width="169"
                        alt="This user is emotionally attached to fictional characters"
                        title="This user is emotionally attached to fictional characters" />

                    <img src="https://file.garden/aA2l8ug81GreC0q0/bx/uwu.png" width="169"
                        alt="This user likes to make the :3 face" title="This user likes to make the :3 face" />

                    <img src="https://file.garden/aA2l8ug81GreC0q0/bx/writer.png" width="169"
                        alt="This user is a writer but never writes" title="This user is a writer but never writes" />

                    <!-- green -->
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bx/graphic-design.png" width="169"
                        alt="This users passon is graphic design." title="This users passon is graphic design." />

                    <img src="https://file.garden/aA2l8ug81GreC0q0/bx/cringe-culture-is-dead.png" width="169"
                        alt="this user thinks cringe culture is dumb, just enjoy yourself!"
                        title="this user thinks cringe culture is dumb, just enjoy yourself!" />

                    <img src="https://file.garden/aA2l8ug81GreC0q0/bx/nicenicenice.png" width="169"
                        alt="This user has no idea what's going on half of the time. Nice!"
                        title="This user has no idea what's going on half of the time. Nice!" />

                    <!-- blue -->
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bx/miku/tumblr@strawberrysnipes_ps4ypq" width="169"
                        alt="This user is Tailor-made for this day and age!"
                        title="This user is Tailor-made for this day and age!" />

                    <img src="https://file.garden/aA2l8ug81GreC0q0/bx/miku/tumblr@strawberrysnipes_wb6jgk" width="169"
                        alt="This user is falling asleep, falling asleep..."
                        title="This user is falling asleep, falling asleep..." />

                    <img src="https://file.garden/aA2l8ug81GreC0q0/bx/miku/tumblr@silliusstan_bl3x4e" width="169"
                        alt="You'ew deep inside this user's dreams" title="You'ew deep inside this user's dreams" />

                    <img src="https://file.garden/aA2l8ug81GreC0q0/bx/miku/x8pgaw" width="169"
                        alt="This user loves Miku" title="This user loves Miku" />

                    <img src="https://file.garden/aA2l8ug81GreC0q0/bx/oopsiedoopsie.png" width="169"
                        alt="This user has no idea what's going on half of the time. Oopsie Doopsie."
                        title="This user has no idea what's going on half of the time. Oopsie Doopsie." />

                    <img src="https://file.garden/aA2l8ug81GreC0q0/bx/emojis.png" width="169"
                        alt="This user has difficulty conveying emotion and may use images, gifs or emojis when responding."
                        title="This user has difficulty conveying emotion and may use images, gifs or emojis when responding." />

                    <img src="https://file.garden/aA2l8ug81GreC0q0/bx/lovesvocaloid.png" width="169"
                        alt="This user loves vocaloid." title="This user loves vocaloid." />

                    <!-- indigo -->
                    <!-- (none yet) -->

                    <!-- violet -->
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bx/thunderstorms.png" width="169"
                        alt="This user loves thunderstorms" title="This user loves thunderstorms" />

                    <img src="https://file.garden/aA2l8ug81GreC0q0/bx/imaginary.png" width="169"
                        alt="Due to personal reasons this user woulld raather be in their imaginary world."
                        title="Due to personal reasons this user woulld raather be in their imaginary world." />

                    <!-- pink -->
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bx/trying-their-best.png" width="169"
                        alt="This user is trying their best." title="This user is trying their best." />

                    <!-- brown -->
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bx/stuffed-animals.png" width="169"
                        alt="This user sleeps with a stuffed animal." title="This user sleeps with a stuffed animal." />

                    <!-- monochromatic -->
                    <img src="https://file.garden/aA2l8ug81GreC0q0/bx/indie-games.png" width="169"
                        alt="This user loves indie games" title="This user loves indie games" />

                    <img src="https://file.garden/aA2l8ug81GreC0q0/bx/left-planet-earth.png" width="169"
                        alt="This user has left the Earth 0 times." title="This user has left the Earth 0 times." />

                    <img src="https://file.garden/aA2l8ug81GreC0q0/bx/drew-gooden.png" width="169"
                        alt="Road work ahead? This user sure hopes it does."
                        title="Road work ahead? This user sure hopes it does." />

                    <img src="https://file.garden/aA2l8ug81GreC0q0/bx/does%20bruno%20mars%20is%20gay.png" width="169"
                        alt="The Rumor Come Out: Does This User Is Gay"
                        title="The Rumor Come Out: Does This User Is Gay" />
                </div>
            </aside>
        </div>
        <footer id="footer">keychainz © 2026</footer>
    </div>
    <!-- Timezone -->
    <iframe
        src="https://free.timeanddate.com/clock/iacsqp7s/n145/tlph/fn15/fs16/fce7ddff/tct/pct/fti/pl5/pr5/pt10/pb10/tt0/td2/th2/ts1/ta1/tb4"
        width="180" height="58" title="My Timezone" style="
            border-radius: 10px;
            border: 1px dashed #ed64f5;
            background: #13092d;
            position: fixed;
            bottom: 20px;
            right: 10px;
            z-index: 1339;
        ">
    </iframe>
    <!-- COUNTER -->
    <a href="http://www.snazzyspace.com/generators/viewer-counter/" title="SnazzySpace.com Viewer Counter"
        target="_blank" style="position: fixed; bottom: 82px; right: 10px; z-index: 1339; display: block">
        <img src="http://www.snazzyspace.com/generators/viewer-counter/counter.php/fid=1775160291/style=1/counter.png"
            alt="viewer counter" style="border: none" />
    </a>
    <!--Neko-->
    <script>
        NekoType = "ghost";
    </script>
    <h1 id="nl">
        <script src="https://webneko.net/n20171213.js"></script>
        <a href="https://webneko.net">Neko</a>
    </h1>
</body>

</html>