From 6d9a8a8b33df650e91d40bea14e0dd6d5bee9a8c Mon Sep 17 00:00:00 2001
From: Zakhar <tz@za-ek.ru>
Date: Thu, 21 May 2026 13:18:16 +0200
Subject: [PATCH] scroll snap

---
 index.html | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index ba6acbd..292cee0 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,9 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap" rel="stylesheet">
     <style>
+        html, body {height: 100vh;overflow: hidden;}
         body {background: #FCFFFB;padding:0;margin:0;font-family: 'Onest', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, sans-serif;}
+        #scroller {scroll-snap-type: y mandatory;overflow: scroll;height: 100vh;}
         .container {max-width: 1440px;margin: 0 auto;position: relative;width:100%;}
         .text_secondary {color:#6D8982;}
         h1 {font-size: 254px;padding:0;margin:0;}
@@ -31,7 +33,7 @@
         #try_button {background-color: #FFBA00;padding:13px 43px;font-weight: bold;border-radius: 100px;color:#0C3B2E;text-decoration: none;
             display: flex;}
 
-        .page_container {width: 100%;height: 100vh;display: flex;flex-direction: column;align-items: center;justify-content: center;}
+        .page_container {width: 100%;height: 100vh;display: flex;flex-direction: column;align-items: center;justify-content: center;scroll-snap-align: start;}
         #page_index {}
         #page_index_content {align-items: start;}
         #page_index p {font-size: 18px;}
@@ -105,6 +107,7 @@
         </div>
     </div>
 </div>
+<div id="scroller">
 <div class="page_container" id="page_index">
     <div id="page_index_content">
         <h1 class="big_index_greeting">Хватит</h1>
@@ -225,6 +228,7 @@
         </div>
     </div>
 </div>
+</div>
 <div id="page_footer">
     <div class="container container_row">
         <div>