Make page transitions smooth

static/style/global.css

@@ -23,3 +23,23 @@
     font-family: "Zen Maru Gothic", sans-serif;
   }
 }
+
+@keyframes fade-in {
+  from { opacity: 0; }
+}
+
+@keyframes fade-out {
+  to { opacity: 0; }
+}
+
+::view-transition-old(fade) {
+  animation: 300ms ease both fade-out,
+}
+
+::view-transition-new(fade) {
+  animation: 300ms ease both fade-in,
+}
+
+.fade {
+  view-transition-name: fade;
+}