:root{--form-width: 50%}header{height:0}#admin_Login{display:grid;grid-template-columns:60% auto;grid-template-areas:"wrap-head wrap-head" "wrap-text wrap-form" "wrap-flag wrap-flag"}#admin_Login{width:var(--form-width);margin:10rem auto}#admin_Login label{font-family:var(--font-family-sans-serif);font-size:var(--font-size-base)}#admin_Login.btn-sm{font-size:var(--font-size-sm)}#admin_Login #wrap_Head{grid-column:1/3;grid-area:wrap-head;align-content:center;margin-left:auto;margin-right:auto;margin-bottom:1rem}#admin_Login #wrap_Text{grid-column:1/2;grid-area:wrap-text;font-family:var(--font-family-sans-serif);font-size:var(--font-size-base)}#admin_Login #wrap_Form{grid-column:2/3;grid-area:wrap-form}#admin_Login #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_login #form_User{grid-column:1/2;grid-area:form-user;text-align:center}#form_login #form_Pass{grid-column:2/3;grid-area:form-pass;text-align:center}#form_login #form_Subt{grid-column:1/3;grid-area:form-subt;padding-top:1rem;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%)}}