Could you recreate the webpage in the image exactly.

Here is the provided code:

:root $\{$

$--$element$-$spacing: $14$px;

$\}$

body $\{$

background$-$color: var$(--$color$-$neutral$-050)$;

font$-$family: 'Roboto', sans$-$serif;

font$-$weight: $400$;

font$-$size: $16$px;

display: grid;

grid$-$template$-$columns: $1$fr $1$fr;

$\}$

section.login $\{$

color: var$(--$color$-$primary$-1-800)$;

width: calc$($var$(--$element$-$spacing$)*30)$;

margin: $0$ auto;

$\}$

section h$1\{$

margin$-$top: calc$($var$(--$element$-$spacing$)*3)$;

font$-$weight: $500$;

text$-$align: center;

$\}$

$/*$ add your styles here $*/$