/*----Interface Area Definition and Placement----*/
/*Defines the Overall Area with a Grid*/
.interface {
  position: fixed;
  z-index: 10;
  display: grid;
  left: 0px;
  top: 0px;
  height: 100vh;
  width: 100vw;
}
/*Inserts the Interface Element(no fields)*/
.js-login-interface-layout {
  background-color: #496894;
  border-radius: 4px;;
  color: White;
  height: 370px;
  width: 360px;
  margin: auto;
}

/*Formatting for the Notifier Section in Login/Create Account*/
.IdentifyUserDiv {
  display: flex;
  align-items: center;
  
  margin-left: 16.5px;

  width: 90%;
  height: 34px;

  border-radius: 25px;
}
/*Formatting for 1st of 2 <div>s in Login Page*/
.IdentifierTop {
  background: #c99b44;
  background: linear-gradient(90deg,rgb(224, 173, 79) 0%, rgba(232, 190, 100, 1) 55%, rgba(242, 215, 157, 1) 100%);

  margin-bottom: 17px;
  margin-top: 6px;
}
/*Formatting for 1st of 2 <div>s in Account Creation Page*/
.IdentifierTop-create {
  background: #c99b44;
  background: linear-gradient(90deg,rgb(224, 173, 79) 0%, rgba(232, 190, 100, 1) 55%, rgba(242, 215, 157, 1) 100%);

  margin-top: 9px;
  margin-bottom: 15px;
}
/*Formatting for 2nd of 2 <div>s in Login Page*/
.IdentifierBottom {
  background: #c99b44;
  background: linear-gradient(90deg,rgb(224, 173, 79) 0%, rgba(232, 190, 100, 1) 55%, rgba(242, 215, 157, 1) 100%);

  margin-top: 12px;
}
/*Formatting for 2nd of 2 <div>s in Account Creation Page*/
.IdentifierBottom-create {
  background: #c99b44;
  background: linear-gradient(90deg,rgb(224, 173, 79) 0%, rgba(232, 190, 100, 1) 55%, rgba(242, 215, 157, 1) 100%);

  margin-top: 18px;
}
/*Actual Message Format fo Notifiers*/
.notifierDiv {
  font-family: "Inter";
  font-size: 19px;
  font-weight: 600;
  margin-left: 22px;
}