body{grid-template-columns:0 1fr 0}header{align-items:center;display:flex;gap:10px;grid-row:1;justify-content:center;margin-top:10px}header a{align-self:flex-end;color:gray}header div{display:flex;flex-direction:column;gap:5px}header span{color:#ff004c}header fieldset,header form{align-items:center;display:flex;gap:10px}header fieldset{border:0;margin:0;min-width:0;padding:0}header fieldset>.password-field,header fieldset>input{flex:1 1 240px;min-width:0}header fieldset>button[type=submit]{flex:0 0 auto;white-space:nowrap}header p{align-self:flex-end;display:flex;gap:10px}h1{align-self:center;color:#fff;font-size:200%;font-weight:600;text-shadow:-2px 2px 10px #7fffff,2px -2px 10px #7fffff}main{align-items:center;background-color:transparent;display:flex;justify-content:space-evenly}main form{background-color:transparent;flex-wrap:wrap}main form,main form fieldset{display:flex;flex-direction:column;gap:10px}main form legend{font-size:xx-large;margin-bottom:10px}main figure{display:flex}@media (max-width:600px){header{display:flex}header,header fieldset,header form{flex-direction:column}header fieldset,header fieldset>.password-field,header fieldset>button[type=submit],header fieldset>input{width:100%}main{flex-direction:column}main figure{display:none}}.password-field{align-items:center;display:flex;min-width:0;position:relative}.password-field input{box-sizing:border-box;padding-right:3rem;width:100%}.toggle-password{background:transparent;border:0;color:hsla(0,0%,100%,.65);cursor:pointer;display:grid;height:2rem;padding:0;place-items:center;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:2rem;z-index:2}.toggle-password:hover{color:#fff}.toggle-password:focus{outline:none}.toggle-password .eye{display:block;height:1.1rem;width:1.1rem}.toggle-password .eye-off,.toggle-password.is-visible .eye-open{display:none}.toggle-password.is-visible .eye-off{display:block}