/* body {
  margin: 2em auto;
  width: 90%;
  
  font-family: 'Roboto', sans-serif;
  background-color: white;
} 

.banner {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 70rem;
}
*/

#heading {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1.5rem;
}

input[type=text] {
  font-size: 0.9rem;
  border: 1px solid black;
  border-radius: 4px;  
  padding: 7px 15px;
  margin-top: 0.25rem;
}

input[type=text]:focus {
  border: 1px solid blue;
  outline: 0;
}

#checkbox_container {
  padding-top: 0.75rem;
}

#container {
  display: inline-block;
  border: 1px solid black;
  border-radius: 4px;
  padding: 1rem;
  min-width: 20rem;
  /* background-color: green; */
}

#password_container {
  display: none;
}

#password {
  letter-spacing: 0.7em;
  width: 7rem;
  padding-left: 1rem;
  font-weight: bold;
}

#register_container {
  display: none;
}

.label {
  font-size: 0.9rem;
  margin-top: 0.75rem;
}

.link {
  font-size: 0.9rem;
  color: black;
}

#message {
  margin: auto;
  font-size: 0.9rem;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  /* background-color: yellow; */
}

#product-page {
  margin: auto;
  font-size: 0.9rem;
  padding-bottom: 0.25em;
  /* background-color: yellow; */
}