@import"https://fonts.googleapis.com/css2?family=Zen+Dots&display=swap";body{background:#000;color:#fff}a{color:#ff69b4}a:hover{color:#ff0}h1,h2,h3,h4,h5,p,li{margin:0 0 1rem;padding:0}fieldset{border:2px solid white;padding:2rem}fieldset legend{margin:0}.svg-root{width:100px;height:100px;background:gray;border:1px solid white}pre,code{margin:0;background:#262626}pre{margin-bottom:2rem}.topics-heading{border-top:2px solid white;padding:2rem}.relative{position:relative}.flex{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.padding-1{padding:1rem}.padding-2{padding:2rem}.button-group{margin:0 -1rem 2rem}.button-group>*{margin:0 1rem}.route-home{text-align:center}.route-home .avatar{width:100vw;max-width:450px;display:block;margin:auto;margin-bottom:3rem}.layout{min-height:100vh;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "main" "footer"}.layout .layout-header,.layout .layout-footer{background:linear-gradient(90deg,#60c,#909,#60c)}.layout .layout-header{grid-area:header;height:6rem;padding:0 2rem}.layout .layout-header .right *{display:none}.layout .layout-header>div:first-child,.layout .layout-header>div:last-child{width:40px}.layout .layout-header>h1{padding:0;margin:0;font-size:3.6rem;line-height:1em}.layout .layout-header>h1>a{display:block;text-transform:lowercase;font-family:Zen Dots,sans-serif;color:#fff;white-space:nowrap;text-decoration:none}.layout .layout-header .button{background:transparent;color:#fff;font-size:4rem;line-height:1em;padding:0}.layout .layout-main{grid-area:main}.layout .layout-footer{grid-area:footer;background-color:#3f403f;padding:1rem}.layout .layout-footer>h6{padding:0;margin:0;font-size:1.6rem}.layout .layout-footer>h6,.layout .layout-footer>h6 a{color:#fff}.layout .layout-footer>h6 a{text-decoration:none}.layout-slide-in{display:block;transition:transform .3s;position:fixed;width:100%;z-index:5;top:6rem;height:calc(100vh - 6rem);background:#ffffffb3;overflow-y:auto}.layout-slide-in.from-left{left:0;transform:translate(-100%)}.layout-slide-in.from-right{right:0;transform:translate(100%)}.layout-slide-in.show{transform:translate(0)}.layout-settings{background:#c9f;border-right:2px solid black;height:100%}@media (min-width: 768px) and (orientation: landscape){.layout-settings{max-width:300px}}.layout-settings h3{background:#000;color:#fff;width:100%;padding:.5rem 1rem;margin:0;font-size:1.6rem;line-height:1em}.layout-settings ul{margin:0 0 0 2rem;padding:0}.layout-settings ul li{margin:0;padding:0}.layout-menu{background:#262626}.layout-menu a{display:block;padding:2rem;font-size:2rem;color:#fff;text-decoration:none}.layout-menu a:hover{background:#ccc;color:#000}@media (min-width: 768px) and (orientation: landscape){.layout-menu{max-width:500px}}.route-svg .svg-root,.svg-root.large{width:300px;height:300px}.svg-grid{background:#262626;width:800px;height:600px;position:relative;overflow:hidden;margin:4rem auto;-webkit-user-select:none;user-select:none;resize:both}.svg-grid .svg-root,.svg-grid .svg-frame{overflow:visible;position:absolute;width:100%;height:100%;overflow:hidden}.svg-grid .svg-tile{stroke:#000}.svg-grid .svg-tile.fill-green{fill:#9f9}.svg-grid .svg-tile.fill-blue{fill:#99f}.svg-grid .svg-tile.fill-red{fill:#f99}