/*----Interface Creation with Fields---- */
/*Title Header on Interface*/
.js-header {
  padding-top: 18px;
  padding-bottom: 7px;
  margin-bottom: 6px;
  text-align: center;
}
/*Account Detail Input Fields*/
.input-fields {
  margin-left: 17px;
  width: 86%;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 10px;
  margin-bottom: 15px;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  border-color: white;
  background-color: #8BA4C7;
  color: rgb(68, 70, 71);
}
/*Mouse Hover on Inputs Behavior*/
input::placeholder {
  color: white;
}
/*Buttons General Style*/
.buttons {
  display: block;
  margin-left: 14px;
  width: 91%;
  padding: 10px;
  background-color: White;
  border-width: 1px;
  border-radius: 4px;
  font-weight: 500;
}
/*Confirm Log In Button*/
.button {
  margin-bottom: 13px;
}
/*Move to Account Creation*/
.js-button {
  margin-top: 13px;
}
/*Buttons Hover Behavior*/
.buttons:hover {
  background-color: rgb(255, 227, 116);
  cursor: pointer;
}
/*Buttons Clicked Behavior*/
.buttons:active {
  background-color: rgba(121, 121, 121, 0.486);
}
/*---Non-Interactive Seperator that Singles out the Log In-Button---*/
/*Text on Seperator*/
.js-divider {
  display: flex;
  font-size: 13px;
  margin-left: 16px;
  margin-right: 18px;
}
/*Seperator Lines(Preceding and Following)*/
.line {
  border-top-style: solid;
  border-width: 2px;
  
  flex: 1;
  margin-top: 6px;
  margin-right: 3px;
  margin-left: 3px;
}