Untitled

/* styles.css */

/* Common styles */
.form-container {
  position: relative;
  text-align: center;
  transition: transform 0.3s ease-in-out;
}

.form-container form {
  display: inline-block;
  text-align: left;
  max-width: 100%;
  padding: 20px;
  border-radius: 10px;
  background-color: #f3f3f3;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease-in-out;
}

/* Login form styles */
.login-form {
  transform: translateX(0);
}

/* Signup form styles */
.signup-form {
  transform: translateX(100%);
}

/* Animation for form container */
.form-container.slide-left {
  transform: translateX(-100%);
}

.form-container.slide-right {
  transform: translateX(0);
}