#content {
 display: grid;
 grid-template-columns: 300px 300px;
 grid-template-rows: [logo] 300px [title] 60px [error] 40px [name] 40px [password] 50px [login] 40px [register] 40px;
 width: 600px;
 margin: 0 auto;
 font-family: Montserrat;
}

#logo {
 grid-row: logo;
 grid-column-start: 1;
 grid-column-end: span 2;
 justify-self: center;
 align-self: center;
}

#title {
 grid-row: title;
 grid-column-start: 1;
 grid-column-end: span 2;
 justify-self: center;
 align-self: center;
}

#error {
 grid-row: error;
 grid-column-start: 1;
 grid-column-end: span 2;
 justify-self: center;
 align-self: center;
 display: none;
 color: red;
}

#usernameLabel{
 grid-row: name;
 grid-column: 1;
 justify-self: right;
}

#registerMsg {
    grid-row: name;
    grid-column-start: 1;
    grid-column-end: span 2;
    justify-self: center;
    align-self: center;
}

#username{
 grid-row: name;
 grid-column: 2;
 justify-self: left;
 align-self: start;
}

#passwordLabel{
 grid-row: password;
 grid-column: 1;
 justify-self: right;
}

#passwordSpan{
 grid-row: password;
 grid-column: 2;
 align-self: start;
}

#login {
 grid-row: login;
 grid-column-start: 1;
 grid-column-end: span 2;
 justify-self: center;
 align-self: start;
}

#registerSpan{
 grid-row: register;
 grid-column-start: 1;
 grid-column-end: span 2;
 justify-self: center;
}

button {
 font-family: Montserrat;
}

input {
 font-family: Montserrat;
}