* {
  font-family: Arial, sans-serif;
}
.container {
  max-width: 500px;
  margin: 20px auto;
  padding: 20px;
}
.config-section {
  max-width: 300px;
}

.config-section label {
  font-size: 80%;
  line-height: 1.2;
}
.config-section input {
  width: 100%;
}


@media all and (min-width:800px) {
  body {
      display:flex;
  }
  .auth-container {
      flex:1;
  }
}

.auth-section {
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

p {
  color: hsl(210, 10%, 40%);
  font-size: 80%;
}
p span {
  font-variant: small-caps;
}
input {
  outline: none;
  box-shadow: none;
}
input:focus {
  outline: 1px solid #2563eb; /* blue-600 */
}