add /videos page + update CSS for image links

Author: rphair

docs/_sass/custom/custom.scss

@@ -5,8 +5,8 @@ main img {
           box-shadow: 0px 0px 10px black;
 }
 main a:hover img {
-  -webkit-box-shadow: 0px 0px 10px white;
-          box-shadow: 0px 0px 10px white;
+  -webkit-box-shadow: 0px 0px 20px $green-300;
+          box-shadow: 0px 0px 20px $green-300;
 }
 
 // who knows why these 2 theme colours weren't included in _sass/buttons.scss

docs/assets/images/video-0-thumb-001-640w.png

@@ -0,0 +1,18 @@
+---
+layout: page
+nav_order: 80
+title: Videos
+---
+# Videos: Tutorials & project overview
+
+## The Frankenwallet - Intro (1 of 3) for Operators
+[![video intro for operators 1 of 3](/assets/images/video-1-thumb-021-640w.png)](https://youtu.be/f8rqGdbpw3w?vq=hd1080)
+
+## The Frankenwallet - Intro (2 of 3) with Cardano SPO Scripts
+[![video intro to SPO scripts 2 of 3](/assets/images/video-2-thumb-017-640w.png)](https://youtu.be/JsOE5Zk7QRU?vq=hd1080)
+
+## The Frankenwallet - Intro (3 of 3) for Asset Holders
+[![video intro for asset holders 3 of 3](/assets/images/video-3-thumb-007-640w.png)](https://youtu.be/DWyRn-QekwI?vq=hd1080)
+
+## The Frankenwallet - Project Review for Catalyst
+[![video review for project catalyst](/assets/images/video-0-thumb-001-640w.png)](https://youtu.be/IjpItwTUg04?vq=hd1080)