<!DOCTYPE html>
<html>
<head>
  <title>sticky snap</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link href="../assets/css/styles.css" rel="stylesheet">
  <link href="./assets/onscroll.css" rel="stylesheet">
  <style>
    body, html {
      position: relative;
      scroll-snap-type: y mandatory;
      overscroll-behavior-y: none;
    }
    .section-content {
      display: flex;
      justify-content: center;
      align-items: ce