calculateIfScrolledTo(el) {
  if (window.scrollY + this.browserHeight > el.offsetTop) {
    console.log("calculated")
    let scrollPercent = (el.getBoundingClientRect().y / this.browserHeight) * 100
    if (scrollPercent < this.threshholdPercent) {
      el.classList.add('reveal-item--is-visible')
      el.isRevealed = true
      if (el.isLastItem) {
        window.removeEventListener('scroll', this.scrollThrottle)
      }
    }
  }
}
<?php 
        
include_once('dbh.inc.php');

// it's the global variable POST that assigns the value first (the name attribute from the form) to $first
$first = $_POST['first']; 
$last = $_POST['last'];
$email = $_POST['email'];
$uid = $_POST['uid'];
$pwd = $_POST['pwd'];

// The SQL code to query - you can use any kind of SQL statement
$sql = "insert into users ( user_first, user_last, user_email, user_uid, user_pwd) VALUES (
  '$first',
  '$last',
  '$email',
  '$uid',
  '$pwd'
);";
// querying the SQL and assigning to the variable result
$result = mysqli_query($conn, $sql);

header("location: ../index.php?signup=success");

CSS

@font-face {
  font-family: Chunkfive; src: url('Chunkfive.otf');
}

body, .usertext {
  color: #F0F0F0; background: #600;
  font-family: Chunkfive, sans;
  --heading-1: 30px/32px Helvetica, sans-serif;
}

@import url(print.css);
@media print {
  a[href^=http]::after {
    content: attr(href)
  }
}