@font-face {
  font-family: 'Poppins';
    src: url('../font/Poppins-Bold.ttf') format('truetype');
  /* You may include additional font weights and styles here */
}
  body {
    font-family: 'Poppins';
    overflow-x: hidden;
    overflow-y: hidden;
    margin: 0;
    padding: 0;
    background-color: #dddddd;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
  }
  #video-bg {
    position: fixed;
    overflow-x: hidden;
    overflow-y: hidden;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1; /* Behind the content */
    object-fit: cover; /* Ensures the video covers the entire area */
}
  #content {
    background-color: #dddddd;
    border-radius: 20px;
    padding: 20px;
    max-width: 200px;
    width: 100%;
    text-align: center;
  }
  
  form {
    margin-top: 20px;
  }
  
  input[type="text"], input[type="email"], input[type="password"], button {
    width: calc(100% - 20px);
    padding: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
  }
  
  button {
    background-color: #4CAF50;
    color: white;
    border: none;
    cursor: pointer;
  }

<!--LOGIN FORM-->
  /* Define CSS class for form */
  .login-form {
    margin-top: 20px;
  }

  /* Adjust spacing between input areas */
  .login-form input[type="text"],
  .login-form input[type="email"],
  .login-form input[type="password"] {
    margin-bottom: 5px;
    text-align: center; /* Center the text */
    border: none; /* Remove the default border */
    outline: none; /* Remove the focus outline */
    color: black; /* Set text color to black */
    width: calc(100% - 20px); /* Set width to match other input fields */
  }

  /* Center the placeholder text */
  .login-form input[type="text"]::placeholder,
  .login-form input[type="email"]::placeholder,
  .login-form input[type="password"]::placeholder {
    text-align: center;
    text-align-last: center;
    color: black; /* Set placeholder text color to black */
  }

  .login-form input[type="text"]:last-child,
  .login-form input[type="email"]:last-child,
  .login-form input[type="password"]:last-child {
    margin-bottom: 0;
  }

  /* Style the login button */
  .login-form button {
    background-color: #555; /* Set heavy grey background color */
    color: white; /* Set text color to white */
    border: none;
    padding: 10px 20px;
    cursor: pointer;
  }

  .login-form button:hover {
    background-color: #444; /* Darken the background color on hover */
  }
.no-underline {
  text-decoration: none; /* Remove underline */
  color: black; /* Set text color to white */
}

/* Adjust position of the paragraph */
p {
  margin-top: 5px; /* Adjust margin to push the paragraph closer to the form */
}