script.js

const signupModal = document.querySelector(".signup-form-wrapper");
const loginModal = document.querySelector(".login-form-wrapper");
const signupBtn = document.querySelector(".signup-btn");
const loginBtn = document.querySelector(".login-btn");
const signupX = document.querySelector(".signup-x");
const loginX = document.querySelector(".login-x");
const formContainer = document.querySelector(".form-container");

signupBtn.addEventListener("click", () => {
  signupModal.classList.add("display");
  formContainer.classList.add("disable");
});

loginBtn.addEventListener("click", () => {
  loginModal.classList.add("display");
  formContainer.classList.add("disable");
});

signupX.addEventListener("click", () => {
  signupModal.classList.remove("display");
  formContainer.classList.remove("disable");
});

loginX.addEventListener("click", () => {
  loginModal.classList.remove("display");
  formContainer.classList.remove("disable");
});

signupX.addEventListener("mouseover", () => {
  signupX.classList.add("spin");
});

signupX.addEventListener("mouseout", () => {
  signupX.classList.remove("spin");
});

loginX.addEventListener("mouseover", () => {
  loginX.classList.add("spin");
});

loginX.addEventListener("mouseout", () => {
  loginX.classList.remove("spin");
});