html, body {
        padding: 0;
        margin: 0;
	    font-family: 'Exo 2', Calibri;
}
#container {
        width:100vw;
        height:100vh;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 50% 50%;
        -ms-grid-rows: 50px 30px 45% 45%;
        grid-template-columns: 50% 50%;
        grid-template-rows: 32px 24px auto 45%;
        grid-template-areas:
          "blockly     menubar"
          "blockly     title"
          "blockly     website"
          "blockly     code";
}
#blocklyArea  {grid-area: blockly; -ms-grid-row:1;-ms-grid-column:1; -ms-grid-row-span:4; border: 1px solid #366b73;}
#menubar      {background: #fff; grid-area: menubar; border: 0px solid #366b73; font-family: 'Exo 2', Calibri; font-size: 15px; padding: 6px; display: -ms-grid; display: grid; grid-template-columns: 67% 32% 1%; -ms-grid-row:1;-ms-grid-column:2; -ms-grid-columns: 67% 32% 1%; }
#title        {grid-area: title; width: 100%; background-color: #63929a; color: white; text-align:left; font-size: 15px; font-family: 'Exo 2', sans-serif; padding-top: 3px; -ms-grid-row:2;-ms-grid-column:2;}
#websiteFrame {grid-area: website; border: 1px solid #366b73;  -ms-grid-row:3;-ms-grid-column:2;}
#sourcecode   {grid-area: code; font-family: 'Exo 2', Calibri; font-size: 15px; border: 0px solid #366b73;overflow: scroll; margin:0px; margin-left:5px; margin-top:5px; -ms-grid-row:4;-ms-grid-column:2;}
#website {width: calc(100% - 5px);height: calc(100% - 5px);}
/* Edge hack, God I hate this browser */
_:-ms-lang(x),
#container {
    width:98vw;
 }
 .btn {
   width: 22px;
   height: 22px;
   margin-left: 10px;
   margin-bottom: -5px;
}
.savebtn {
   width: 0px;
   height: 0px;
   background-color: #fff;
   border: 0px solid #fff;
}