body{
  background-color: var(--background);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  padding: 0px 20px 0px 20px;
}
nav{
margin-left: -20px;
}
.form-con{
  margin: 150px;
  align-self: center;
  height: fit-content;
}

form .description{
  color: var(--text-secondary)
}

form .form-group:first-of-type{
  margin-top: 50px;
}

.register-msg{
  color: var(--text-secondary);
  text-align: center;
}
.register-msg a{
  color: var(--accent);
  font-weight: 600;
}

.forget-password{
  display: block;
  margin: 10px;
  text-align: right;
  color: var(--accent);
}

.remember-me-group{
  margin-top: 30px;
}

#remember-me{
  accent-color: var(--accent);
  margin-right: 5px;
}

.remember-me-group label{
  color: var(--text-primary);
  font-weight: 600;
}

.submit-btn{
  margin-top: 15px;
}