:root{--form-width: 30%;--table-width: 50%}#main_Form{width:var(--form-width)}#form_Grid{grid-template-areas:"grid-category" "grid-catkey" "grid-number" "grid-text" "grid-path"}#form_Grid #grid_Category{grid-area:grid-category;grid-column:col/span 4;grid-row:1}#form_Grid #grid_CatKey{grid-area:grid-catkey;grid-column:col 6/span 2;grid-row:1}#form_Grid #grid_Number{grid-area:grid-number;grid-column:col 10/span 2;grid-row:1}#form_Grid #grid_Text{grid-area:grid-text;grid-column:col 1/span 12;grid-row:2}#form_Grid #grid_Path{grid-area:grid-path;grid-column:col 1/span 12;grid-row:3}#main_Table{width:var(--table-width)}@media screen and (min-width: 1200px){#main_Form{width:var(--form-width)}#main_Table{width:var(--table-width)}}@media screen and (min-width: 992px)and (max-width: 1200px){#main_Form{width:calc(var(--form-width) + 20%)}#main_Table{width:calc(var(--table-width) + 20%)}}@media screen and (min-width: 768px)and (max-width: 992px){#main_Form{width:calc(var(--form-width) + 30%)}#main_Table{width:calc(var(--table-width) + 30%)}}@media screen and (min-width: 576px)and (max-width: 768px){#main_Form{width:calc(var(--form-width) + 40%)}#main_Table{width:calc(var(--table-width) + 40%)}}@media screen and (max-width: 576px){#main_Wrapper{display:none}#small_Message{display:block;margin-top:2em}}