diff --git a/mkdocs/docs/css/custom.css b/mkdocs/docs/css/custom.css
index b09bc75..a93338c 100644
--- a/mkdocs/docs/css/custom.css
+++ b/mkdocs/docs/css/custom.css
@@ -133,4 +133,18 @@ li.md-nav__item > a {
 
 .gslide-image img {
     background: #000 !important;
+}
+
+.video {
+    position: relative;
+    height: 0;
+    padding-bottom: 56.25%;
+}
+
+.video iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
 }
\ No newline at end of file
diff --git a/mkdocs/docs/higurashi/index.md b/mkdocs/docs/higurashi/index.md
index 27f3845..5265b22 100644
--- a/mkdocs/docs/higurashi/index.md
+++ b/mkdocs/docs/higurashi/index.md
@@ -27,8 +27,8 @@ status: draft
 
 ## İlk Chapter (Prolog)
 
-<div style="position: relative; height: 0; padding-bottom: 56.25%;">
-	<iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://www.youtube.com/embed/WjqutWVgIAQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<div class="video">
+	<iframe src="https://www.youtube.com/embed/WjqutWVgIAQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 </div>
 
 <!-- ## Genel Çeviri İlerlemesi
diff --git a/mkdocs/docs/silksong/index.md b/mkdocs/docs/silksong/index.md
new file mode 100644
index 0000000..064eedd
--- /dev/null
+++ b/mkdocs/docs/silksong/index.md
@@ -0,0 +1,10 @@
+---
+title: "Hollow Knight: Silksong"
+status: draft
+---
+
+:thinking::thinking::thinking::thinking:
+
+<div class="video">
+	<iframe src="https://www.youtube.com/embed/FA9H3snFrSQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+</div>
\ No newline at end of file
diff --git a/mkdocs/docs/umineko/index.md b/mkdocs/docs/umineko/index.md
index 6f8ecc9..51b861f 100644
--- a/mkdocs/docs/umineko/index.md
+++ b/mkdocs/docs/umineko/index.md
@@ -40,8 +40,8 @@ Bu eserin yazar ile okuyucu arasında bir mücadele olduğunu unutmayın. :)
 
 ## İlk Chapter (Prolog)
 
-<div style="position: relative; height: 0; padding-bottom: 56.25%;">
-	<iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://www.youtube.com/embed/XWQ8DqlesdU" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<div class="video">
+	<iframe src="https://www.youtube.com/embed/XWQ8DqlesdU" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 </div>
 
 <!-- ## Genel Çeviri İlerlemesi
diff --git a/mkdocs/overrides/start.html b/mkdocs/overrides/start.html
index 3ca849b..392771c 100644
--- a/mkdocs/overrides/start.html
+++ b/mkdocs/overrides/start.html
@@ -105,7 +105,12 @@
 			background-color: rgba(0, 0, 0, 0.65);
 		}
 
+		html {
+			scroll-snap-type: y proximity;
+		}
+
 		section {
+			scroll-snap-align: center;
 			display: flex;
 			flex-direction: column;
 			justify-content: center;
@@ -124,14 +129,18 @@
 		}
 
 		section:not(.header) {
-			margin-left: 5%;
 			opacity: 0;
+			scale: 0.9;
 			animation: fade-in linear forwards;
-			animation-timeline: view(100% 40%);
+			animation-timeline: view();
+			animation-range: entry;
 		}
 
 		@keyframes fade-in {
-			to {margin-left: 0%; opacity: 1;}
+			to {
+				scale: 1;
+				opacity: 1;
+			}
 		}
 
 		h2 {