body {
  margin: 0;
  background-color: #2b3643 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff !important;
}


.email-container {
  display: flex;
  height: 48px;
  width: 100%;
  margin-bottom: 16px;
}
.input-email {
  width: 100%;
  border: 1px solid grey;
  border-radius: 5px;
}
.password-container {
  display: flex;
  justify-content: space-between;
  height: 48px;
  width: 100%;
  margin-bottom: 16px;
}

.input-password-left {
  margin-left: 16px;
  width: 100%;
  border: 1px solid grey;
  border-radius: 5px;
}
.input-password-right {
    margin-right: 16px;
    width: 100%;
    border: 1px solid grey;
    border-radius: 5px;
  }

 .button-container{
  display: flex;
  height: 48px;
  width: 100%;
  margin-bottom: 16px;
}

.input-button {
  cursor: pointer;
  background-color: #195ecc;
  color: white;
  border: none;
  border-radius: 5px;
  height: 32px;
}
.footer{
  font-size: 10px;
  color: gray;
  text-align: center;
  margin-top: 35px;

}

.main-title{
  padding-top:20px;
  text-align: center;
}
.login-container{
  background-color: white;
  color: black;
  /* border: 1px solid black; */
  box-shadow: 0 0 25px #195ecc;
  border-radius: 20px;
  max-width:320px;
  margin:10% auto;
  padding: 30px 40px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: 300px;
  text-align: center;
}

.title{
  text-align: center;
}
.subtitle{
  text-align: center;
  margin-bottom: 20px;
  color: rgba(76, 76, 76, 0.75)
}
button{
  width: 100%;
  margin-top: 15px !important;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #195ecc; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}