* {border:0;margin:0;padding:0;box-sizing:border-box;}html,body {color:#27171e;font-size:1rem;font-family:serif;background-color:#f3eee5;height:100%;}h1,h2,h3 {margin:0.5em 0em;font-weight:300;}h1 {font-size:4em;}h2 {font-size:2em;}h3 {font-size:1.5em;}p {margin:1em 0em;text-indent:2rem;line-height:1.7rem;}ul,ol {margin-left:2em;}li {margin:1em 0em;}a {color:royalblue;outline:none;}figure {margin:2rem 0rem;border:5px solid grey;}figcaption {padding:1rem;text-align:center;background-color:#cac1ba;}img {width:100%;}button {cursor:pointer;width:10em;margin:0.4em;padding:0.5em 1em;border: 3px solid #27171e;background-color:rgba(0,0,0,0);}button:focus,button:hover {color:royalblue;}button::-moz-focus-inner {border:0;}input[type=text], textarea {font-size:1rem;font-family:serif;width:100%;padding:0.5em;margin-bottom:0.3em;border:1px solid black;border-radius:5px;}textarea {height:100px;resize:none;}input:focus,textarea:focus {border-bottom:5px solid #27171e;}span {margin-left:0.5em;}label {margin:0rem 0.5rem;}input[type="file"] {margin:1rem;margin-left:2rem;}.landing {padding:1rem;margin-bottom:100px;}.cta {background-color:burlywood;}.page {width:800px;padding:1rem;}.editor-menu,.menu,.editor-tool-move,.menubar,.drop-list {position:absolute;z-index:4;background:#cac1ba;border-radius:4px;}.menu {width:500px;padding:1rem;top:68px;left:10px;}.menu-checkbox {padding:0.2rem;}.menubar {top:10px;left:10px;}.menubar-button {width:auto;min-width:3rem;border:none;margin:0;border-bottom:3px solid transparent;text-align:left;}.menubar-active {border-bottom:5px solid #27171e;}.drop-list {display:flex;flex-direction:column;}.drop-list-file {top:68px;left:25px;}.drop-list-tool {top:68px;left:80px;}.drop-list-help {top:68px;left:150px;}.editor-grid,.editor-nodes,.editor-interact {width:100%;min-height:100%;position:absolute;top:0px;}.editor-grid {background-image:url(images/grid-texture.png);opacity:0.2;z-index:0;}.editor-canvas {position:absolute;top:0px;z-index:1;}.editor-nodes {overflow:hidden;z-index:2;}.editor-interact {z-index:3;}.node {width:400px;height:150px;display:flex;align-items:center;position:absolute;background-color:#e2dcc6;border:1px solid #777;border-radius:10px;overflow:hidden;}.node-image {width:150px;height:150px;}.node-info {text-indent:0rem;margin:1rem;}.node-active {background-color:#fcf6ea;}.node-root {background-color:#958a8c;}.node-nochild {border-bottom:5px dashed #27171e;}.node-marked {border-top:5px solid crimson;}.names {margin-bottom:1rem;}.no-indent {text-indent:0rem;}.editor-tool-move {left:50%;bottom:0px;transform:translateX(-50%);}.characteristics-tool {display:inline-block;vertical-align:top;width:200px;padding:1rem;margin:1rem;}.chart {position:relative;}.chart-capital {display:flex;flex-wrap:wrap;}.animate-fade {animation-name:fade;animation-duration:0.4s;}@keyframes fade {0% {width:100%;height:100%;position:absolute;top:0px;background:#111;z-index:10;}50% {width:100%;height:100%;position:absolute;top:0px;background:#111;z-index:10;}100% {background:#777;opacity:0%;}}.animate-left {animation-name:slide-left;animation-duration:0.3s;animation-timing-function:ease-in;}@keyframes slide-left {0% {opacity:0;left:50px;background:lightcyan;}}.animate-up {animation-name:slide-up;animation-duration:0.3s;animation-timing-function:ease-in;}@keyframes slide-up {0% {top:80px;opacity:0;background:lightcyan;}}@media (max-width:880px) {.page {width:100%;}}@media (max-width:500px ) {.menu {width:100%;}}@media (max-width:620px) {.menu {width:90%;}}