html {
            background-image: url(/Untitled.png);
            background-size: cover;
            background-repeat: no-repeat;
            image-rendering: pixelated;
            height: 100%;
        }
        input[type=checkbox] {
            display: none;
        }
        label {
            background-color: #cFcFcF;
            padding: 3px;
            border: 3px black solid;
            border-top-color: #eee;
            border-left-color: #eee;
            border-right-color: #85898d;
            border-bottom-color: #85898d;
        }
        button {
            font-size: 30px;
            font-weight: bold;
            font-family: 'Times New Roman', Times, serif;
            background-color: #cFcFcF;
            padding: 5px;
            border: 3px black solid;
            border-top-color: #eee;
            border-left-color: #eee;
            border-right-color: #85898d;
            border-bottom-color: #85898d;
        }
        label:hover {
            background-color: #aaa;
            cursor: pointer;
        }
        label:active {
            background-color: #ddd;
        }
        button:hover {
            background-color: #aaa;
            cursor: pointer;
        }
        button:active {
            background-color: #ddd;
        }
        hr {
            height: 5px;
            border: 3px black solid;
            border-top-color: #eee;
            border-left-color: #eee;
            border-right-color: #85898d;
            border-bottom-color: #85898d;
        }
        body {
            max-height: 100%;
            max-width: 100%;
            margin: 25px 0px;
        }
        /* title */
        .title {
            color: white;
            background-image: url(/Flowers2.png);
            background-size: cover;
            text-shadow: 2px 2px rgba(0, 0, 0, 0.2);
        }
        /* centerconsole */
        .centerconsole {
            background-color: #bFbFbF;
            margin-top: 25px;
            margin-inline: auto;
            width: 500px;
            border: 3px black solid;
            border-top-color: #eee;
            border-left-color: #eee;
            border-right-color: #85898d;
            border-bottom-color: #85898d;
            box-shadow: 5px 5px rgba(0, 0, 0, 0.2);
        }
        /* chat */
        #chat {
            display: none;
            background-color: #bFbFbF;
            position: absolute;
            width: 325px;
            height: 400px;
            border: 3px black solid;
            border-top-color: #eee;
            border-left-color: #eee;
            border-right-color: #85898d;
            border-bottom-color: #85898d;
            box-shadow: 5px 5px rgba(0, 0, 0, 0.2);
        }
        /* navigation */
        #navigation {
            display: none;
            background-color: #bFbFbF;
            position: absolute;
            width: 250px;
            border: 3px black solid;
            border-top-color: #eee;
            border-left-color: #eee;
            border-right-color: #85898d;
            border-bottom-color: #85898d;
            box-shadow: 5px 5px rgba(0, 0, 0, 0.2);
        }
        /* music */
        #music {
            display: none;
            background-color: #bFbFbF;
            position: absolute;
            width: 425px;
            height: 200px;
            border: 3px solid black;
            border-top-color: #eee;
            border-left-color: #eee;
            border-right-color: #85898d;
            border-bottom-color: #85898d;
            box-shadow: 5px 5px rgba(0, 0, 0, 0.2);
        }
        #splash {
            z-index: 2;
            cursor: pointer;
            width: 450px;
            top: 60px;
            margin: auto;
        }
        #splash:hover .tooltip {
            visibility: visible;
        }
        /* tabs */
        .tabheader {
            background-color: #FFF7DB;
            padding: 1px; 
            margin: 5px;
            cursor: pointer;
        }
        .tabcontent {
            background-color: #F9F7F2;
            padding: 5px; 
            border: 3px solid black;
            border-bottom-color: #ddd;
            border-right-color: #ddd;
            border-left-color: #85898d;
            border-top-color: #85898d;
            margin: 5px;
        }
        /* misc */
        .tooltip {
            visibility: hidden;
            position: relative;
            bottom: 20px;
            left: 10%;
            background-color: #cFcFcF;
            padding: 3px;
            border: 3px black solid;
            border-top-color: #eee;
            border-left-color: #eee;
            border-right-color: #85898d;
            border-bottom-color: #85898d;
            box-shadow: 5px 5px rgba(0, 0, 0, 0.2);
        }
        .ui-draggable:hover {
            z-index: 1;
        }