* {
  font-family: "Roboto", "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 1.0rem;
}

body {}

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80vh;
}

.card {
  padding: 20px;
  display: flex;
  flex-direction: column;
  width: 400px;
  background-color: #d6e9e4;
  border-radius: 40px;
}

.logo {
  width: 25%;
  align-self: center;
  margin: 30px 0;
}

.input-group {
  display: flex;
  flex-direction: column;
  margin: 0 0 20px 0;
}

.password-container {
  display: flex;
  position: relative;
  margin: 0 0 20px 0;
}

.password-container .form-control {
  width: 100%;
  /*padding-right: 40px; !* Space for the icon *!*/
}

.eye-icon {
  position: absolute;
  right: 5px; /* Space from the right edge */
  top: 2px;
  /*transform: translateX(-100%);*/
  cursor: pointer;
  width: 20px; /* Adjust size as needed */
  height: 20px; /* Adjust size as needed */
}