.signup-page-container{
  margin-top:80px;
}


.login-form{
    display: flex;
    flex-direction: column;
}

form{
    /* border:2px solid red; */
    height:480px;
    padding-top:40px;
}


#register-btn{
    width:90%;
    margin-bottom:10px;
}

#register-btn:active{
    border:2px solid blue;
    background-color: white;
    color:blue;
}

#form-name{
    text-align: center;
    /* background-color: red; */
    font-weight: 500;
}

.password-wrapper {
  position: relative;
  width: 90%;
}

.password-wrapper input {
  width: 100%;
  padding: 4px;
  border-radius: 4px;
}

#toggle-password {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
}

#toggle-password1 {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
}

.password-container {
  position: relative;
}

.password-container input[type="password"],
.password-container input[type="text"] {
  width: 90%;
  padding-right: 10px; 
  box-sizing: border-box;
}

.toggle-password {
  position: absolute;
  right: 34px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.eye-icon {
  width: 24px;
  height: 24px;
}

.eye-open path {
  fill: #5C093F;
}

.eye-closed path {
  fill: #5C093F;
}

.eye-closed line {
  stroke: #5C093F;
}

.password-container{
    /* background-color: red; */
    margin-bottom:-20px;
}