New video player and changed Zakarya banner

css/style.css

@@ -121,14 +121,17 @@ main div.hero h1 a {
   text-decoration: none;
 }
 
-main div.hero p.justify {
+p.justify {
   text-align: justify;
   text-justify: auto;
-  width: 60%;
   margin-left: auto;
   margin-right: auto;
 }
 
+main div.hero p.justify {
+  width: 60%;
+}
+
 main div.hero ul {
   margin-left: auto;
   margin-right: auto;
@@ -202,6 +205,33 @@ div.double-linktree ul.linktree {
   margin: 0;
 }
 
+ul.videolist {
+  list-style-type: none;
+  display: flex;
+  padding-left: 0;
+  width: min-content;
+}
+
+ul.videolist li {
+  padding: 8px;
+}
+
+ul.videolist li a {
+  text-decoration: none;
+}
+
+ul.videolist li a img {
+  width: 250px;
+  height: auto;
+  border-radius: 8px;
+}
+
+ul.videolist li a span {
+  display: block;
+  color: var(--text-color);
+  font-size: 120%;
+}
+
 div.footer {
   border-top: solid 1px #00000033;
   width: 95%;