:root { 
                --handle: 1.7vh; 
                --handle-color: rgba(0,0,0,0.5);
                --footer-header-color: rgb(255, 0, 0);
                --footer-header-font: clamp(0.875rem, 1vw, 1.2rem) monospace;
                --footer-header-gap: clamp(1rem, 2.5vw, 1.5rem);
                --project-title-font: clamp(0.875rem, 0.9vw, 1rem) monospace;
                --project-info-font: clamp(0.8rem, 0.8vw, 0.9rem) monospace;
                --home-button-top: 1.5vh;
                --home-button-height: 5.5vh;
            }
            html, body {
                width:100%; 
                min-height:100vh;
                margin: 0;
                height: 100%;
                background: rgb(61,48,244);
                font-size: 100%;
            }
            body {
                position: relative;
            }
            .header-container {
                position: relative;
                top: 0;
                left: 0;
                width: 100%;
                display: flex;
                justify-content: space-between;
                background: none;
                z-index: 99;
                align-items: center;
            }
            .homebutton-link {
                position: fixed;
                top: var(--home-button-top);
                left: 1.1vw;
                display: inline-block;
            }
            .homebutton-img {
                display: block;
                height: var(--home-button-height);
                width: auto;
                user-select: none;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
            }
            .nav-links {
                top:3vh;
                right: 1.4vw;
                position: fixed;
                display: flex;
                gap: var(--footer-header-gap);
            }
            .nav-links a {
                display: inline-block;
                align-self:center;
                font: var(--footer-header-font);
                text-decoration: none;
                padding: 0;
                margin: 0;
                line-height: 1;
                height: auto;
                user-select: none;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
            }
            .footer-container {
                position: relative;
                bottom: 0;
                left:0;
                width: 100%;
                display: flex;
                z-index: 99;
                align-items: center;
                justify-content: space-between;
            }
            .footer_title {
                position: absolute;
                bottom: 4vh;
                right: 1.4vw;
                display: inline-block;
                align-self:center;
                font: var(--footer-header-font);
                color: var(--footer-header-color);
                text-decoration: none;
                padding: 0;
                margin: 0;
                line-height: 1;
                height: auto;
            }
            .footer_title:hover {
                text-decoration: underline;
            }