body,html{width:100%;height:100%;background-color:#252932;margin:0;padding:0;overflow:hidden;font-family:Lato,Open Sans,sans-serif}:root{--default-sidebar-width:360px;--color-ora:#fff200;--color-evo:#00ffa2;--color-accent:#4e4f51;--color-background:#3b475c;--color-dark:#000;--color-error:#d00;--color-ok:green;--color-warning:#ff8c00;--color-inactive:grey}button{font-family:Lato,Open Sans,sans-serif}button,input[type=submit]{display:inline-block;background-color:var(--color-ora);color:#000;border:1px solid #000;font-size:16px;margin:.5em;padding:5px 10px;border-radius:8px;cursor:pointer;flex-grow:1}.page{display:grid;grid-template-columns:220px minmax(0,1fr) 75px min-content;grid-template-rows:auto auto 1fr;height:100dvh;transition-property:grid-template-columns,grid-template-rows;transition-duration:.2s}.editor{grid-row:3;grid-column:1/3;z-index:0}.blocklyContainer{height:100%;width:100%}.ozoBlockly{height:100%}.leftMenu{position:relative;grid-row:2/4;grid-column:1;z-index:1;width:220px;height:120px;box-sizing:border-box;text-align:center;background-color:#2d3341}.leftMenu img{margin-top:10px}.leftMenu .version{color:#fff;font-size:small;position:absolute;top:38px;margin-left:2px}.coords{grid-row:-2;grid-column:2;align-self:flex-end;justify-self:flex-start;z-index:1;margin-bottom:20px;margin-left:10px}