        <style type="text/css"> * { cursor: url(https://www.rw-designer.com/cursor-view/13404.png), auto !important; } </style>

        
        <style>

              @font-face {
                font-family: 'NDS';
                src: url('https://font-wrld.neocities.org/fonts/NDS-BIOS.ttf') format('truetype');
              }


            body {
                font-family: 'NDS', monospace;
                font-size: 11px;
                background: transparent;
                background-size: 65px;
                color: #fceaff;
                background-image: var(--body-bg-image);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                background-attachment: fixed; 
            }

            * {
                box-sizing: border-box;
            }


            #container {
                max-width: 700px;
                /* this is the width of your layout! */
                /* if you change the above value, scroll to the bottom
      and change the media query according to the comment! */
                margin: 0 auto;
                /* this centers the entire page */
            }

            /* the area below is for all links on your page
    EXCEPT for the navigation */
            #container a {
                color: #282e61;
                font-weight: bold;
                /* if you want to remove the underline
      you can add a line below here that says:
      text-decoration:none; */
            }


            #flex {
                display: flex;
            }

            /* this colors BOTH sidebars
    if you want to style them separately,
    create styles for #leftSidebar and #rightSidebar */
            aside {
                background-color: #000;
                width: 200px;
                padding: 20px;
                font-size: smaller;
                /* this makes the sidebar text slightly smaller */
            }


            /* this is the color of the main content area,
    between the sidebars! */
            main {
                flex: 1;
                order: 2;
            }
            
            
.welcome {
  background-color: #0e0e0f;
  height: 40px;
  margin-bottom: 5;
  border-radius: 5px;
}


            h1,
            h2,
            h3 {
                color: #ED64F5;
            }

            h1 {
                font-size: 25px;
            }

            strong {
                /* this styles bold text */
                color: #ED64F5;
            }

            /* this is just a cool box, it's the darker colored one */
            .links {
                background: linear-gradient(to bottom, rgba(119, 119, 119, 0.8) 0%, rgba(97, 97, 97, 0.8) 10%, rgba(35, 35, 35, 0.8) 50%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.8) 60%, rgba(32, 32, 32, 0.8) 100%);
                border-top: 1px solid #969696;
                border-left: 1px solid #4b4b4b;
                border-bottom: 2px solid #111111;
                border-right: 1px solid #4b4b4b;
                border-radius: 3px;
                color: #f7f4f4;
                overflow: hidden;
                max-width: 100%;
                box-sizing: border-box;
                word-wrap: break-word;
            }


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

                aside {
                    width: 100%;
                }

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

                #rightSidebar {
                    order: 2;
                }

            }
        </style>


<style>
.content {
    max-width: 549px;
    height: auto;
    margin: 0 auto;
    position: relative;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    background: transparent
    transform: none;
    flex-direction: row-reverse;
}

.contentleft {
    position: relative;
    width: 550px;
    height: 745px;
}

.mainflex {
    display: flex;
    flex-wrap: wrap;
    transform: translateX(-7px);
    margin-left: 3px;
    margin-right: 5px;
    width: 550px;
}

.navbar {
                background: linear-gradient(to bottom, rgba(162, 182, 207) 0%, rgba(118, 141, 171) 10%, rgba(100, 125, 158) 50%, rgba(55, 74, 158) 55%, rgba(4, 29, 140) 60%, rgba(89, 114, 227) 100%);
    border-top: 1px solid #969696;
    border-left: 1px solid #4b4b4b;
    border-bottom: 2px solid #111111;
    border-right: 1px solid #4b4b4b;
    border-radius: 3px;
    color: #f7f4f4;
    padding: 1px 0px 1px 0px;
    margin-bottom: 1px;
    font-size: 12.9px;
    font-weight: normal;
    text-align: left;
    width: 90px;
    margin-left: 0;
    margin-right: auto;
}

.banner {
    background: linear-gradient(to bottom, rgba(51, 51, 56) 0%, rgba(44, 44, 48) 5%, rgba(23, 23, 26) 50%, rgba(18, 18, 20) 50%, rgba(18, 18, 20) 60%, rgba(11, 11, 13) 100%);
    border-top: 1px solid #46464d;
    border-left: 1px solid #4b4b4b;
    border-bottom: 2px solid #212124;
    border-right: 1px solid #4b4b4b;
    font-size: 20px;
    border-radius: 3px;
    color: #f7f4f4;
    padding: 1px 0px 1px 0px;
    margin-bottom: 1px;
    font-size: 12.9px;
    font-weight: normal;
    text-align: left;
    height: 35px;
}

.bannersplit {
    background: linear-gradient(to bottom, rgba(51, 51, 56) 0%, rgba(44, 44, 48) 5%, rgba(23, 23, 26) 50%, rgba(18, 18, 20) 50%, rgba(18, 18, 20) 60%, rgba(11, 11, 13) 100%);
    border-top: 1px solid #46464d;
    border-left: 1px solid #4b4b4b;
    border-bottom: 2px solid #212124;
    border-right: 1px solid #4b4b4b;
    font-size: 20px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: #f7f4f4;
    padding: 0;           /* remove padding */
    margin: 0;
    font-size: 12.9px;
    font-weight: normal;
    text-align: left;
    height: 35px;
    width: 401px;
}

.bannerlarge {
    background: linear-gradient(to bottom, rgba(51, 51, 56) 0%, rgba(44, 44, 48) 5%, rgba(23, 23, 26) 50%, rgba(18, 18, 20) 50%, rgba(18, 18, 20) 60%, rgba(11, 11, 13) 100%);
    border-top: 1px solid #46464d;
    border-left: 1px solid #4b4b4b;
    border-bottom: 2px solid #212124;
    border-right: 1px solid #4b4b4b;
    font-size: 20px;
    border-radius: 3px;
    color: #f7f4f4;
    padding: 1px 0px 1px 0px;
    margin-bottom: 1px;
    font-size: 12.9px;
    font-weight: normal;
    text-align: left;
    height: 35px;
    width: 400px;
}

.bannerlarger {
    background: linear-gradient(to bottom, rgba(51, 51, 56) 0%, rgba(44, 44, 48) 5%, rgba(23, 23, 26) 50%, rgba(18, 18, 20) 50%, rgba(18, 18, 20) 60%, rgba(11, 11, 13) 100%);
    border-top: 1px solid #46464d;
    border-left: 1px solid #4b4b4b;
    border-bottom: 2px solid #212124;
    border-right: 1px solid #4b4b4b;
    font-size: 20px;
    border-radius: 3px;
    color: #f7f4f4;
    padding: 1px 0px 1px 0px;
    margin-bottom: 1px;
    font-size: 12.9px;
    font-weight: normal;
    text-align: left;
    height: 35px;
    width: 540px;
}


.info {
    height: 200px;
    width: 260px;
    border: 4px inset black;
    background-image: linear-gradient(
        to bottom,
        rgba(59, 59, 64, 0) 0%,      /* fully transparent at the top */
        rgba(39, 40, 43, 0.4) 25%,   /* semi-transparent */
        rgba(5, 5, 5, 0.85) 90%,     /* mostly opaque */
        rgba(5, 5, 5, 1) 100%        /* fully opaque at the bottom */
    );
    border-top: 1px solid #a8aab0;
    border-left: 1px solid #17181a;
    border-bottom: 2px solid #111111;
    border-right: 1px solid #101112;
    border-radius: 3px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
    margin: 1px;
    margin-right: 3px;
    margin-left: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.infolong {
    height: 300px;
    width: 260px;
    border: 4px inset black;
    background-image: linear-gradient(
        to bottom,
        rgba(59, 59, 64, 0) 0%,      /* fully transparent at the top */
        rgba(39, 40, 43, 0.4) 25%,   /* semi-transparent */
        rgba(5, 5, 5, 0.85) 90%,     /* mostly opaque */
        rgba(5, 5, 5, 1) 100%        /* fully opaque at the bottom */
    );
    border-top: 1px solid #a8aab0;
    border-left: 1px solid #17181a;
    border-bottom: 2px solid #111111;
    border-right: 1px solid #101112;
    border-radius: 3px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
    margin: 1;
    margin-right: 3;
    margin-left: 1;
}

.infolong2 {
    height: 300px;
    width: 225px;
    border: 4px inset black;
    background-image: linear-gradient(
        to bottom,
        rgba(59, 59, 64, 0) 0%,      /* fully transparent at the top */
        rgba(39, 40, 43, 0.4) 25%,   /* semi-transparent */
        rgba(5, 5, 5, 0.85) 90%,     /* mostly opaque */
        rgba(5, 5, 5, 1) 100%        /* fully opaque at the bottom */
    );
    border-top: 1px solid #a8aab0;
    border-left: 1px solid #17181a;
    border-bottom: 2px solid #111111;
    border-right: 1px solid #101112;
    border-radius: 3px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
    margin: 1;
    margin-right: 3;
    margin-left: 1;
    overflow-y: auto;   /* enables vertical scrollbar when needed */
    overflow-x: hidden; /* hides horizontal scrollbar just in case */
}

.infosplit {
    height: 235px;
    width: 200px;
    border: 4px inset black;
    background-image: linear-gradient(
        to bottom,
        rgba(59, 59, 64, 0) 0%,      /* fully transparent at the top */
        rgba(39, 40, 43, 0.4) 25%,   /* semi-transparent */
        rgba(5, 5, 5, 0.85) 90%,     /* mostly opaque */
        rgba(5, 5, 5, 1) 100%        /* fully opaque at the bottom */
    );
    border-left: 1px solid #17181a;
    border-bottom: 2px solid #111111;
    border-right: 1px solid #101112;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.infolarge {
    height: 200px;
    width: 400px;
    border: 4px inset black;
    background-image: linear-gradient(
        to bottom,
        rgba(59, 59, 64, 0) 0%,      /* fully transparent at the top */
        rgba(39, 40, 43, 0.4) 25%,   /* semi-transparent */
        rgba(5, 5, 5, 0.85) 90%,     /* mostly opaque */
        rgba(5, 5, 5, 1) 100%        /* fully opaque at the bottom */
    );
    border-top: 1px solid #a8aab0;
    border-left: 1px solid #17181a;
    border-bottom: 2px solid #111111;
    border-right: 1px solid #101112;
    border-radius: 3px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: 1px;
    margin-right: 3px;
    margin-left: 1px;
    gap: 10px;
}

.infolarger {
    height: 250px;
    width: 540px;
    border: 4px inset black;
    background-image: linear-gradient(
        to bottom,
        rgba(59, 59, 64, 0) 0%,      /* fully transparent at the top */
        rgba(39, 40, 43, 0.4) 25%,   /* semi-transparent */
        rgba(5, 5, 5, 0.85) 90%,     /* mostly opaque */
        rgba(5, 5, 5, 1) 100%        /* fully opaque at the bottom */
    );
    border-top: 1px solid #a8aab0;
    border-left: 1px solid #17181a;
    border-bottom: 2px solid #111111;
    border-right: 1px solid #101112;
    border-radius: 3px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: 1px;
    margin-right: 3px;
    margin-left: 1px;
    gap: 10px;
    overflow-y: auto;
    overflow-x: hidden;
}

.t1 {
  font-family: 'NDS', monospace;
  word-spacing: 2px;
  line-height: 15px;
  margin: 6;
  margin-top: 3;
}

.t2 {
  font-family: 'Orbitron', sans-serif;
  margin: 0;
  font-size: 15px;
}

.t3 {
  font-family: 'Orbitron', sans-serif;
  margin: 2;
  font-size: 20px;
  color: #646ec7;
}

.t4 {
  font-family: 'Orbitron', sans-serif;
  font-size: 25px;
  margin: 0;
  margin-bottom: 7;
  color: #5e60f0;
  text-shadow: 2px 2px 8px black;
}

.t5 {
  font-family: 'NDS', monospace;
  word-spacing: 4px;
  line-height: 15px;
  margin: 6;
  margin-top: 3;
  font-size: 13px;
}

.input {
    background: linear-gradient(to bottom, #d1ebe7 0%, #aee0d7 17%, #68cab5 50%, #41c7ac 51%, #4cd8b3 59%, #27e8a4 70%, #41c7a3 84%, #29998a 100%);
    border: 2px groove black;
    font-family: 'NDS', monospace;
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.graphicscroll {
  max-height: 100px;  
  overflow-y: auto;  
}

.fanscroll {
  max-height: 200px;  
  overflow-y: auto;  
}

.weatherscroll {
  max-height: 130px;  
  overflow-y: auto;  
}

  .GeneratedMarquee {
    width: 450px;
    right: 0;
    z-index: 1000;
    padding: 5px;
    overflow: hidden;
  }

.img-bluehover {
  filter: brightness(1.0) sepia(1) hue-rotate(190deg) saturate(400%);
  transition: 0.25s ease-out;
}

.img-bluehover:hover {
  filter: none;
  transition: 0.25s ease-in;
}

.img-grayscalehover {
  filter: grayscale(50%);
  transition: 0.25s ease-out;
}

.img-grayscalehover:hover {
  filter: grayscale(0%);
  transition: 0.25s ease-in;
}

.rise {
width:fit-content;
transition: .2s ease; 
}

.rise:hover {
transform: translateY(-20%);
}

.grayrise {
width:fit-content;
transition: .2s ease; 
filter: grayscale(50%);
transition: 0.25s ease-out;
}

.grayrise:hover {
transform: translateY(-20%);
filter: grayscale(0%);
transition: 0.25s ease-in;
}

.buttonflex {
    display: flex;
    flex-wrap: wrap;
    transform: translateX(5px) translateY(10px);
    width: 100%;
    gap: 2px
}

.glassbox {
  width: 260px;
  background: clear;
}

.glassbox2 {
  width: 145px;
  background: clear;
}

</style>

<style>
::-webkit-scrollbar {
width:15px; height:15px;}
::-webkit-scrollbar-track {
background-image: url(https://i.imgur.com/1wwyNgR.png);}
::-webkit-scrollbar-thumb {
background-image: url(https://i.imgur.com/3twDfJb.png);
border-top: 1px solid #111; border-bottom: 1px solid #000;}
::-webkit-scrollbar-button:vertical:decrement {
background-image: url(https://i.imgur.com/pSpgQbq.png);
width: 15px; height: 15px;}
::-webkit-scrollbar-button:vertical:increment {
background-image: url(https://i.imgur.com/IzbYg9x.png);
width: 15px; height: 15px;}
</style>