:root{--form-width: 40%;--table-width: 50%}#main_Form{width:var(--form-width)}#form_Grid{grid-template-areas:"grid-lastname" "grid-firstname" "grid-username" "grid-password" "grid-accesslevel" "grid-email"}#grid_Lastname{grid-area:grid-lastname;grid-column:col/span 3;grid-row:1}#grid_Firstname{grid-area:grid-firstname;grid-column:col 4/span 3;grid-row:1}#grid_Username{grid-area:grid-username;grid-column:col 7/span 3;grid-row:1}#grid_Password{grid-area:grid-password;grid-column:col 10/span 3;grid-row:1}#grid_AccessLevel{grid-area:grid-accesslevel;grid-column:col/span 3;grid-row:2}#grid_Email{grid-area:grid-email;grid-column:col 4/span 9;grid-row:2}#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) + 10%)}#main_Table{width:calc(var(--table-width) + 10%)}}@media screen and (min-width: 768px)and (max-width: 992px){#main_Form{width:calc(var(--form-width) + 20%)}#main_Table{width:calc(var(--table-width) + 20%)}}@media screen and (min-width: 576px)and (max-width: 768px){#main_Form{width:calc(var(--form-width) + 30%)}#main_Table{width:calc(var(--table-width) + 30%)}}@media screen and (max-width: 576px){#main_Wrapper{display:none}#small_Message{display:block;margin-top:2em}}