.wrapper{display:flex;flex-flow:row wrap;text-align:center;align-items:flex-start;height:90vh}.wrapper>*{flex:1 100%}.main{flex:0 0px;margin-left:10px;margin-right:10px}body{background:#6c8480}header{background-color:#404e3b;border-radius:10px;border:2px solid #2e4b23;flex:0 0 auto}h1{color:#e6e6e6;font-family:Garamond,Courier,monospace;font-size:40pt;text-align:center;border:2px solid #2e4b23;border-radius:5px;padding:20px;margin-top:0;margin-bottom:0}h3{color:#e6e6e6;margin-top:10px;margin-bottom:10px;font-family:Garamond,Courier,monospace}@media all and (min-width: 600px){.aside{flex:1 0 0}}@media all and (min-width: 800px){.main{flex:3 0px}.aside-1{order:1}.main{order:2}.aside-2{order:3}}.edgeEditor,.nodeEditor{display:flex;flex-direction:column;align-items:center}.titleBox{background-color:#e6e6e6;width:90%;font-size:small;margin-top:40px}.bodyBox{background-color:#e6e6e6;width:90%;min-height:200px;resize:none;border-width:2px;border-style:inset;border-color:light-dark(rgb(118,118,118),rgb(133,133,133));font-size:small}.edgeParentChildBox{background-color:#e6e6e6;width:90%;min-height:100px;resize:none}.indexTitleBox{background-color:#e6e6e6;width:64%}.indexTitleBox,.indexSelect{width:40%;box-sizing:border-box;font-size:32px}.asideButton{display:block;width:90%;margin:5px auto;padding:10px;border-radius:4px;background-color:#4d7f3b;color:#fff;cursor:pointer;font-size:large;font-family:Garamond,Courier,monospace}.asideButton:disabled{opacity:.5}.scroll-box{flex:auto;height:180px;width:90%;overflow-y:scroll;overflow-x:hidden;border:1px solid #ccc;border-radius:8px;margin:10px;background-color:#a9a9a9}.scroll-box>button{display:block;width:90%;margin:5px auto;padding:10px;border-radius:4px;background-color:#4d7f3b;color:#fff;cursor:pointer;font-family:Courier New,Courier,monospace;font-size:12pt}.scroll-box>button:hover{background-color:#2e4b23}.scroll-box>button:active{background-color:#192a13}.button{display:inline-block;padding:10px 20px;background-color:#4d7f3b;color:#fff;text-decoration:none;border-radius:5px;cursor:pointer;font-family:Garamond,Courier,monospace;font-size:large}.button:hover{background-color:#2e4b23}.button.disabled{pointer-events:none;opacity:.5}*{font-family:Courier New,Courier,monospace}.textBox{border:2px solid #2e4b23;padding:10px;margin:20px;min-height:160px;font-size:18px;background:#e2e2e2;border-radius:10px}.options{display:flex;justify-content:center;margin-bottom:20px}.options>p{display:inline-flex;margin-left:20px;margin-right:20px}.storyTitleBox{background-color:#e6e6e6;text-align:center;margin:20px;font-size:x-large;width:400px}.saveTitle{background-color:#4d7f3b;color:#fff;border:2px solid grey;border-radius:4px;font-size:18pt;cursor:pointer}.saveTitle:hover{background-color:#2e4b23}.mechanicsTitle{color:#e6e6e6;background:#404e3b;padding:10px;margin:0;border-radius:10px 10px 0 0}.mechanicsDiv{background-color:#404e3b;padding:10px;border-radius:0 0 10px 10px}.mechanicDiv{background-color:#c8c8c8;margin:10px;padding:10px;border-radius:8px;display:flex;flex-direction:row;align-items:center}.mechanicLeftColumn{display:flex;flex-direction:column;flex:1;gap:6px}.mechanicRightColumn{display:flex;align-items:center;margin-left:10px}.mechanicName,.mechanicType{width:auto;box-sizing:border-box;font-size:18px}.mechanicDiv>*>.deleteButton{background-color:#ac4040;padding:5px 10px;font-size:15px;width:40px;height:40px;border-radius:5px;box-sizing:border-box}.mechanicDiv>*>.button,.mechanicDiv>*>.deleteButton{display:flex;justify-content:center;align-items:center;padding:5px 10px;font-size:15px;min-width:40px;height:55px;box-sizing:border-box;border-radius:5px}.checkDiv{background-color:#c8c8c8;margin:10px;padding:10px;border-radius:8px;display:flex;flex-direction:row}.checkDiv>*{margin:0 10px 0 0}.checkDiv>.button{padding:2px 5px;font-size:14px}.checkDiv>.deleteButton{background-color:#ac4040;padding:2px 5px;font-size:14px}.checkDiv>*:last-child{margin-right:0}.checkDiv>span{font-size:20px}.effectDiv{background-color:#c8c8c8;margin:10px;padding:10px;border-radius:8px;display:flex;flex-direction:row}.effectDiv>*{margin:0 10px 0 0}.effectDiv>.button{padding:2px 5px;font-size:14px}.effectDiv>.deleteButton{background-color:#c83232;padding:2px 5px;font-size:14px}.effectDiv>*:last-child{margin-right:0}.helpButton{font-size:18pt;margin-left:50px;background-color:#a66626;color:#fff;text-decoration:none;border-radius:5px;cursor:pointer;padding:1px 10px;font-family:Garamond,Courier,monospace}.newMechanicButton{width:95%;margin-left:10px;margin-right:10px;margin-bottom:10px;font-size:large}.delete{background-color:#ac4040}