p {
            font-size:18px;
            margin:0;
        }
        
        main {
            display:flex;
            flex-flow:column nowrap;
            width:74vw;
            height:100vh;
            margin:auto;
            text-align:center;
        }
        
        header {
            display:flex;
            height:8%;
            margin:5px 8px;
        }
        
        #container {
            width:85%;
            margin:0 auto 0 auto;
        }
        
        #options {
            box-shadow:inset 2px 2px #dfdfdf;
            min-height:1px;
            margin:0;
        }
        #options a {
            box-shadow:none;
            margin:2px 6px 2px 2px;
            color:black;
            text-decoration:none;
        }
        #options a::first-letter {
            text-decoration:underline;
        }
        
        #options .status-bar-field:hover .tooltip {
            visibility:visible;
        }
        
        #textbox {
            display:flex;
            background:white;
            box-shadow:inset -2px -2px #dfdfdf, inset 2px 2px #808080;
            margin:0;
        }
        
        #leftbar {
            width:20%;
            margin:2px 0;
            padding:0 0.8% 0 1.2%;
            box-shadow:none;
        }
        
        #leftbar button {
            width:50%;
            min-width:1px;
            min-height:20px;
            padding:0;
        }
        
        #bottombar {
            display:flex;
            width:100%;
            min-height:1px;
            padding:0.8% 0 0.8% 0.4%;
            box-shadow:inset 0px 1px #000,inset 0px 2px #fff,inset 0px -1px #fff,inset 0px -2px #000;
        }
        
        .return {
            font-size:1.8vw!important;
            width:19vw!important;
            height:100%;
            margin:auto;
        }
        
        .banner {
            width:80%;
            margin-right:10px;
        }
        
        .title-bar {
            background:#28007d;
            font-size:15px;
            min-height:1px;
        }
        
        .title-bar-controls button {
            background-size:50%;
            min-width:22px;
            min-height:20px;
        }
        .title-bar-controls button[aria-label="Maximize"] {
            background-position:center;
        }
        .title-bar-controls button[aria-label="Close"] {
            background-position:center;
        }
        
        .tooltip {
            font-size:15px;
            position:absolute;
            visibility:hidden;
            z-index:1;
            width:200px;
            top:100%;
            left:50%;
            margin-left:-10px;
        }
        .tooltip::after {
            content:"";
            position:absolute;
            bottom:110%;
            left:5%;
            margin-left:-5px;
            border-width:5px;
            border-style:solid;
            border-color:transparent transparent #dfdfdf transparent;
        }
        
        .status-bar-field {
            position:relative;
            flex-grow:0;
            font-size:1.3vw;
            text-align:left;
        }
        
        .iconwrapper {
            display:flex;
            flex-flow:row wrap;
            align-items:stretch;
            height:60%;
        }
        
        .icon {
            background:url(/images/art/main/icons.png) no-repeat 0 0;
            width:16px;
            height:16px;
            margin:auto;
        }
        
        .swatch {
            background:url(/images/art/main/transparent.jpg) repeat;
            box-shadow:inset 1px 1px #000,inset -1px -1px #dfdfdf;
            width:6%;
            height:7vh;
            margin:auto 0.5%;
        }
        
        .swatchinner {
            z-index:2;
            position:absolute;
            background:white;
            box-shadow:inset 1px 1px #fff, inset -1px -1px grey, inset 1px 1px grey;
            width:1.8%;
            height:3.4vh;
            margin:0.6% 2% 2% 0.4%;
        }
        
        .colorwrapper {
            display:flex;
            flex-flow:row wrap;
            align-items:stretch;
            width:50%;
            height:7vh;
            
        }
        
        .colorbox {
            background:black;
            box-shadow:inset 1px 1px #000,inset -1px -1px #dfdfdf;
            width:6%;
            height:42%;
            margin:0.5%;
        }