script.js

tailwind.config = {
  theme: {
    extend: {
      colors: {
        primary: "#5A4FFF",
        dark: "#292929",
        background: "#FEF9F2",
      },
    },
  },
};

const togglePassword = () => {
  const password = document.getElementById("password");
  const eye = document.getElementById("eye");
  if (password.type === "password") {
    password.type = "text";
    eye.src = "eye.svg";
  } else {
    password.type = "password";
    eye.src = "eye-slash.svg";
  }
};

style.css

@import url("https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

body {
  font-family: "Courier Prime", monospace;
}