Moar stuph

public/css/site.css

@@ -0,0 +1,36 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
+
+/*Bulma variables override*/
+:root{
+    --bulma-primary-h: 50deg;
+    --bulma-primary-l: 50%;
+}
+
+/*Custom classes*/
+video{
+    width:100%;
+}
+
+/*View transition experiments*/
+@view-transition {
+    navigation: auto;
+}
+@keyframes slide-from-right {
+    from {
+        /* Arrive from the right */
+        transform: translateX(100vw);
+    }
+    to {
+        /* Come into view */
+        transform: translateX(0);
+    }
+}
+
+::view-transition-old(root) {
+    animation: none;
+}
+
+::view-transition-new(root) {
+    /* Apply animation to hobbies.html */
+    animation: slide-from-right 0.3s;
+}