html,body{width:100%;height:100%;margin:0;padding:0;font-family:sans-serif}@media all and (orientation:portrait){#wrap{margin:0;padding:0;width:100%;height:99%}#preview{padding:0;margin:0;width:100%;height:50%}#editpart{width:100%;height:50%;padding:0;margin:0}.part{display:flex;flex-direction:column}}@media all and (orientation:landscape){#wrap{margin:0 auto;padding:0;width:100%;height:93%}#preview{width:50%;display:inline-block;float:left;height:99%}#editpart{width:50%;display:inline-block;float:left;height:99%;padding:0}.part{display:flex;flex-direction:row}}.canvas-wrapper{margin:0;padding:0;width:100%;height:100%;border:0;float:none}canvas{border:0;margin:0;padding:0;float:none;width:100%;height:100%}#previewcanvas{background-color:red}#shapecanvas{background-color:yellow}#preview-wrapper{background-color:red}#shape-wrapper{background-color:yellow}#nav{display:block;width:100%;padding:0;margin:0;z-index:1}#nav>li{display:inline-block;background-color:orange;margin:0;width:24%;text-align:center;padding:0;padding-top:.5em;padding-bottom:.5em}.headline{width:100%;color:rgba(117,117,117,0.87)}.preview-headline{padding-top:.5em;padding-bottom:.5em}.edit-headline{padding-top:0;padding-bottom:0}.tabs__panel{display:none;visibility:hidden}.tabs__tab{text-decoration:none;color:black}.tabs__tab.is-active{text-decoration:underline}h1{font-size:1em;display:inline;color:black}#nav #menu-wrapper{background-color:white;color:black}#menu-button,#menu-button:visited{color:black}.menu{display:none;visibility:hidden;position:absolute;z-index:8;right:0;top:2em;margin:0;border:1px solid;background-color:white;width:40%;padding:1em}.menu li{list-style-type:none}.menu li button{margin:.5em;padding:1.5em}.is-active{display:inherit;visibility:visible}#menu-button{text-decoration:none}