body,html{padding:0;margin:0}*{color:#777;font-family:sans-serif}.container{height:100vh;display:-ms-flexbox;display:flex;background-color:#2b303b;-ms-flex-pack:center;justify-content:center}form input+label,form textarea+label{position:relative;top:-65px}form input:focus,form textarea:focus{border-bottom-color:#3f51b5;border-bottom-width:2px;padding-bottom:4px}form input:focus+label,form textarea:focus+label{color:#3f51b5}form input:focus.ng-touched.ng-invalid,form textarea:focus.ng-touched.ng-invalid{border-bottom-color:#730000;color:#730000}form input:focus.ng-touched.ng-invalid+label,form textarea:focus.ng-touched.ng-invalid+label{color:#730000}form input:focus.ng-touched.ng-valid,form textarea:focus.ng-touched.ng-valid{border-bottom-color:#144a20;color:#144a20}form input:focus.ng-touched.ng-valid+label,form textarea:focus.ng-touched.ng-valid+label{color:#144a20}form label{display:block;font-size:.8em}form input,form textarea{font-size:1.1em;color:#777;display:block;width:100%;border:none;border-bottom:1px solid #777;padding:5px 0;margin-bottom:20px}form input:focus,form textarea:focus{outline:none}form textarea{width:100%;height:100px}button{color:#fff;background-color:#3f51b5;text-transform:uppercase;display:block;width:100%;max-width:300px;margin:auto;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12);line-height:36px;border:none;border-radius:2px;cursor:pointer}button:hover{background-color:#606fc7}button[disabled]{background-color:#ccc}button[name=secondary]{background-color:#b13d3e}button[name=secondary]:hover{background-color:#c65b5c}