html{height:100%}body{margin:32px;background:linear-gradient(#000,#2e8b57);background-repeat:no-repeat;background-attachment:fixed}.title-bar{background:linear-gradient(90deg,#1b5635,#2e8b57)}.title-bar-text{text-decoration:none}.main-window{height:calc(100vh - 70px)}.content{overflow-y:scroll;overflow-x:hidden}.title-box{background:silver;box-shadow:inset -1px -1px #fff,inset 1px 1px gray,inset -2px -2px gray,inset 2px 2px #fff;display:block;margin:12px 6px;padding:0 6px 2px}.title-box-title{position:relative;top:-6px;background-color:silver;width:fit-content;padding:1px}h1,h2,h3,h4{font-family:Arial;margin:8px 0}@media only screen and (max-width: 640px){.main-window{height:100%}body{padding-bottom:32px}}.button-wrapper{padding:2px 8px 8px;justify-content:end;display:flex}button.default{box-shadow:inset -2px -2px #0a0a0a,inset 1px 1px #0a0a0a,inset 2px 2px #fff,inset -3px -3px gray,inset 3px 3px #dfdfdf}button+button{margin-left:4px}main{height:calc(100vh - 182px)}@media only screen and (max-width: 640px){main{height:100%}}dialog{position:absolute;z-index:99;border:0;width:80vw;height:70vh;overflow:hidden}dialog::backdrop{color:#000}image-container{display:flex;justify-content:center}dialog>div>div>img{max-height:60vh;max-width:100%;margin:auto}@media only screen and (max-width: 640px){dialog>img{width:calc(100vw - 40px)}}.column-container{display:flex;height:calc(100vh - 182px)}.home-left{flex:1;max-width:200px;background-image:url(https://mrld-remote-img-test.s3.us-east-2.amazonaws.com/tools.png);background-repeat:no-repeat;background-size:cover;background-position-x:center;background-position-y:bottom;background-color:#000}.column-right{display:flex;flex-direction:column;flex:1;padding-left:8px;height:100%}.digital-art-left{flex:1;max-width:200px}.link-container{display:grid;grid-template-columns:auto auto;grid-template-rows:auto;column-gap:8px;row-gap:8px}.gallery-container{flex:1;display:grid;padding:6px;gap:6px;grid-template-columns:repeat(auto-fit,100px);grid-template-rows:repeat(auto-fit,100px)}.gallery-thumbnail{width:100px;height:100px}a{text-decoration:none}aside{align-items:stretch;height:calc(100vh - 196px);margin-bottom:8px}.tree-view{height:calc(100% - 12px)}.tree-view>li>.highlighted{background-color:navy;color:#fff}@media only screen and (max-width: 640px){.column-container{flex-direction:column}.home-left{height:calc(100vw - 64px);max-width:100%}.column-right{padding-left:0}.digital-art-left{max-width:100%;flex:none;margin-bottom:12px}.link-container{display:grid;grid-template-columns:auto;row-gap:8px}.gallery-container{flex:1;display:grid;padding:6px;gap:6px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.gallery-thumbnail{width:100%;height:100%}aside{height:100%}}