/* Windows 98 style desktop (self-contained) */
        :root{
            --win98-gray:#c0c0c0;
            --win98-dark:#808080;
            --win98-darker:#404040;
            --win98-blue:#000080;
            --text:#000;
            --taskbar:#000000;
        }
        html,body{height:100%;margin:0;font-family:"MS Sans Serif", Tahoma, Arial, sans-serif;color:var(--text);}
        /* simple, retro 'wallpaper' */
        body{
            background-color:#008080;
            background-image: url(dither.png);
            background-size: cover;
            background-blend-mode:overlay;
            overflow:hidden;
        }
        /* Desktop */
        .desktop{
            position:relative;
            width:100%;
            height:100%;
            background-image: url(spazzypagedoll.png);
            background-repeat: no-repeat;
            background-position: right bottom;
            background-size: 30%;
        }
        #start{
            display: flex;
            flex-direction: column;
            width: 20em;
            height: 40em;
            position:absolute; left:0%; bottom:0%; transform:translateX(-0%);
            padding: 0;
            background-color: #c1c1c1;
            box-shadow: 2px 2px 0 var(--win98-darker);
        }
        #start-banner{
            width: 1.3em;
            height: 24em;
            background-color: #0040c0;
            background-image: url(dither.png);
            background-size: cover;
            background-blend-mode:overlay;
            padding: .2em 0 0 .2em;
            position: relative;
            left: 0px; top: 0px;
            /* vertical text bottom-to-top */
            align-items: center;
            justify-content: left;
            writing-mode: vertical-rl;
            text-orientation: sideways-right;
            transform: rotate(180deg);
            overflow: visible;
            font-size: 1.5em;
            color: #fff;
            }
        #user-banner{
            display:flex;
            align-items:center;
            background-color:#0080C0;
            background-image:url(dither64.png);
            height:64px;
            background-size:contain;
            color:#fff;
            text-shadow:2px 2px #404040;
            padding:0 6px;
        }
        #user-icon{
            width: 1em;
            height: 3em;
            border-radius:50%;
            object-fit:cover;
            flex:0 0 3em;
            margin:0.25em 0.5em 0.25em 0;
            display: block;
        }
        #start-flex{
            display: flex;
        }
        .right-column {
            display: flex;
            flex-direction: column; /* Stacks children vertically */
            width: 100%; /* Adjust width as needed */
            justify-content: start; /* Align items to the top */
            height: 36.3em; /* Match height of left-div if desired */
            overflow-y: scroll;
            overflow-x: hidden;
        }
        .right-div {
            display: flex;
            align-items: center;
            padding-top: .15em;
            padding-bottom: .15em;
            padding-left: .3em;
        }

        .right-div a {
            text-decoration: none;
            color: inherit;
            align-items: center;
            display: flex;
        }
        .right-div:hover {
            background-color: #110b81;
            color: #fff;
        }
        .right-div img {
            
        }
        .icon-box {
            width: 3em;
            display: flex; 
            justify-content: center;
            margin-right: .3em;
        }