Email Login Component Typescript error

[jacobweiss2305]

I am getting this error on localhost:4200 :
ERROR

src/app/user/email-login/email-login.component.html:23:36 - error TS2531: Object is possibly 'null'.

23 <mat-form-field [color]="email.valid && 'accent'">
~~~~~

src/app/user/email-login/email-login.component.ts:11:16
11 templateUrl: './email-login.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component EmailLoginComponent.

Here is the html:

Vscode suggests this:

I think it has something to do with the Typescript:

Link to my user module:
https://github.com/jacobweiss2305/kanban-app/tree/master/src/app/user