diff --git a/index.html b/index.html
index b09b3ad0..f3cbf410 100644
--- a/index.html
+++ b/index.html
@@ -421,6 +421,7 @@
 		<div class="tutorialArea">
 			<div class="grid selectionGrid">
 				<div onclick="toggleView('about', 'extras')">About</div>
+				<div onclick="toggleView('tutorial', 'extras')">Tutorial</div>
 				<div onclick="toggleView('symbolList', 'extras')">Mana Symbols</div>
 				<div onclick="toggleView('codes', 'extras')">Other Codes</div>
 				<div onclick="toggleView('set', 'extras')">Set Codes</div>
@@ -486,6 +487,9 @@
 					&#8226 Third Color &#8594 Tertiary color. Affects the entire card, including power and toughness, as seen on two-colored gold cards.<br><br>
 					Under the 'Border (Advanced)' tab the checkboxes are fairly straightforward. Try each feature out to see what it does.
 				</div>
+				<div class="extras" id="extras-tutorial">
+					<iframe src="https://www.youtube.com/embed/Uh9Qr35u49I" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style="width: calc(100vw - 94px); height: calc((100vw - 94px) * 9/16)"></iframe>
+				</div>
 			</div>
 		</div>
 		<div class="sampleGrid grid text">