#login{--logo-primary:var(--color-white);--logo-secondary:var(--color-green-500);width:336px}.login{background:var(--color-black);position:relative;&:before{bottom:0;content:"";filter:brightness(-100%);left:0;opacity:.4;position:absolute;right:0;top:0;z-index:-1}& a{color:#a2aab4!important}& p#backtoblog,& p#nav{text-align:center}& h1{display:none}& svg{display:block;height:auto;margin:0 auto 3rem;max-width:10rem;width:100%}& .button-primary{background:var(--color-green-500);border:0;border-radius:1rem;text-shadow:none;&:active,&:focus,&:hover{background:var(--color-green-700)}}& input[type=password],& input[type=text]{&:active,&:focus,&:hover{border-color:var(--color-orange-500);box-shadow:0 0 0 1px var(--color-orange-500);outline:var(--color-orange-500);outline-color:var(--color-orange-500)}}}