body{background-color:#080808;font-family:"Trebuchet MS";color:#ffffff;font-size:14px;image-rendering:pixelated;margin:20px 20px}h1,h2{color:#F0B43F;margin:3px 12px 12px}h1{font-size:18px}h2{font-size:16px}p{font-family:"Verdana";text-align:left;margin:12px 12px 12px;color:#ffffff}button{color:white;background-color:#212121;height:25px;min-width:75px;cursor:pointer;border-top:solid 1px #323232;border-bottom:solid 1px #080808;border-left:solid 1px #323232;border-right:solid 1px #080808;font-family:Arial;letter-spacing:1px;font-weight:lighter;text-transform:uppercase;-webkit-font-smoothing:none}button:active{border-top:solid 1px #080808;border-bottom:solid 1px #323232;border-left:solid 1px #080808;border-right:solid 1px #323232;background-color:#080808}button:focus{outline:none}code{background:#080808;padding:0 3px}hr{margin:20px 0;border:none;height:1px;background-color:#080808}img{object-fit:contain;margin:2px}ul.navbar{border-top:solid 1px #323232;border-bottom:solid 1px #080808;border-left:solid 1px #323232;border-right:solid 1px #080808;padding:0;list-style:none;background:#212121}ul.navbar li{display:inline-block;position:relative;line-height:21px;text-align:left}ul.navbar li a{display:block;padding:8px 25px;color:#F0B43F;text-decoration:none}ul.navbar li a:hover{color:#E3E41F;background:#181818}ul.navbar li:hover ul.dropdown{display:block}ul.navbar li ul.dropdown{display:none;list-style:none;border-top:solid 1px #323232;border-bottom:solid 1px #080808;border-left:solid 1px #323232;border-right:solid 1px #080808;border-top:none;padding:0;min-width:150px;background:#212121;position:absolute;z-index:1}ul.navbar li ul.dropdown li{display:block}.window-column{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;max-width:780px;margin:0 auto}.window-row{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;max-width:780px}.flex-row{display:flex;flex-direction:row;justify-content:center;width:100%}.flex-column{display:flex;flex-direction:column}.flex-row,.flex-column{align-items:center}.border{border-top:solid 1px #323232;border-bottom:solid 1px #080808;border-left:solid 1px #323232;border-right:solid 1px #080808}.border-inverted{border-top:solid 1px #080808;border-bottom:solid 1px #323232;border-left:solid 1px #080808;border-right:solid 1px #323232}progress{-webkit-appearance:none;display:block;width:90%;margin:12px auto;height:26px;border-top:solid 1px #080808;border-bottom:solid 1px #323232;border-left:solid 1px #080808;border-right:solid 1px #323232}progress::-webkit-progress-bar{background:#080808;padding:4px}progress::-webkit-progress-value{height:16px;background:repeating-linear-gradient(to right, #96892D, #96892D 8px, #080808 1px, #080808 12px)}.window{position:static;background-color:#212121;padding:10px;box-sizing:border-box;margin:0 0 20px;max-width:780px}.window:not(.headless){padding-top:28px}.window:not(.headless):before{position:relative;top:-18px;float:right;width:100%;height:18px;line-height:18px;content:attr(name);text-indent:24px;background-image:url("shaftico.png"),url("minimize.png"),url("close.png");background-repeat:no-repeat;background-position:top left,top right 20px,top right}.window:not(.no-resize)::after{width:12px;height:12px;position:relative;bottom:-7px;right:-7px;float:right;content:'';background-image:url("resize.png")}.window.half{max-width:380px;width:100%;align-self:center}.transcript{background-color:#080808;border-top:solid 1px #080808;border-bottom:solid 1px #323232;border-left:solid 1px #080808;border-right:solid 1px #323232;padding:0 12px 12px}.transcript p{padding:10px 5px;margin:0}.transcript p.highlighted{background-color:#212121;border-radius:5px}.titlebar{display:block;height:18px;margin-bottom:10px}.titlebar::after{float:right;word-spacing:-3px;content:url("minimize.png") " " url("close.png")}.titlebar.inactive::after{content:url("minimize2.png") " " url("close2.png")}::-webkit-scrollbar,::-webkit-scrollbar-corner{width:18px;background-color:#181818}::-webkit-scrollbar-thumb{background-color:#212121;border-top:solid 1px #323232;border-bottom:solid 1px #080808;border-left:solid 1px #323232;border-right:solid 1px #080808}::-webkit-scrollbar-button{width:18px;height:18px;border-top:solid 1px #323232;border-bottom:solid 1px #080808;border-left:solid 1px #323232;border-right:solid 1px #080808;background:#212121}::-webkit-scrollbar-button:active{border-top:solid 1px #080808;border-bottom:solid 1px #323232;border-left:solid 1px #080808;border-right:solid 1px #323232}::-webkit-scrollbar-button:vertical:increment{background:url("scroll_down.png") no-repeat center,#212121}::-webkit-scrollbar-button:vertical:decrement{background:url("scroll_up.png") no-repeat center,#212121}::-webkit-scrollbar-button:horizontal:increment{background:url("scroll_right.png") no-repeat center,#212121}::-webkit-scrollbar-button:horizontal:decrement{background:url("scroll_left.png") no-repeat center,#212121}.window{border-top:solid 1px #323232;border-bottom:solid 1px #080808;border-left:solid 1px #323232;border-right:solid 1px #080808}.window::before{text-transform:uppercase;letter-spacing:2px;font-size:12px;color:white;font-weight:bold}.window.inside{background-color:#080808;border-top:solid 1px #080808;border-bottom:solid 1px #323232;border-left:solid 1px #080808;border-right:solid 1px #323232}.window-rounded{position:static;background-color:#4a5942;padding:6px;box-sizing:border-box;margin:0 0 20px;max-width:780px;border-radius:10px}img{border:solid 2px #7b8484}a{text-decoration:none;color:#aaaaaa}a:hover{text-decoration:underline}

.float-left{float:left;margin-right:16px}.float-right{float:right;margin-left:16px}

html {
  overflow-x: hidden;
  margin-right: calc(-1 * (100vw - 100%));
}

main {
  margin: 1em 0;
  padding: 1em;
  min-height: 2000px;
}

body {
    background-image: url("media/hammer_bg.png");
}