:root{--form-width: 50%}header{height:0}label{font-family:var(--font-family-sans-serif);font-size:var(--font-size-base)}.btn-sm{font-size:1em}#admin_Login{display:grid;grid-template-columns:60% auto;grid-template-areas:"wrap-head wrap-head" "wrap-text wrap-form" "wrap-flag wrap-flag";width:var(--form-width);margin:10em auto}#wrap_Head{grid-column:1/3;grid-area:wrap-head;align-content:center;margin-left:auto;margin-right:auto;margin-bottom:2em}#wrap_Text{grid-column:1/2;grid-area:wrap-text;font-family:var(--font-family-sans-serif);font-size:var(--font-size-base)}#wrap_Form{grid-column:2/3;grid-area:wrap-form}#wrap_Flag{grid-column:1/3;grid-area:wrap-flag}#form_login{display:grid;grid-template-columns:50% auto;grid-template-areas:"form-user form-pass" "form-subt form-subt"}#form_User{grid-column:1/2;grid-area:form-user;text-align:center}#form_Pass{grid-column:2/3;grid-area:form-pass;text-align:center}#form_Subt{grid-column:1/3;grid-area:form-subt;padding-top:1em;text-align:center}@media screen and (min-width: 992px)and (max-width: 1200px){#this_Wrapper{width:calc(var(--form-width) + 20%)}}@media screen and (min-width: 768px)and (max-width: 992px){#this_Wrapper{width:calc(var(--form-width) + 40%)}}@media screen and (min-width: 0)and (max-width: 768px){#this_Wrapper{width:calc(var(--form-width) + 50%)}}