added css:

style/hobbies.css

@@ -0,0 +1,48 @@
+.hobbies {
+  width: 100%;
+  height: 100vh;       /* adjust as you like */
+  border-radius: 10px !important;    /* ← rounded corners */
+
+  margin-top: 1rem;
+  padding: 1rem;
+}
+
+/* Horizontal‑scroll wrapper */
+.horizontal-section {
+  position: relative;
+  overflow: hidden;
+}
+
+/* Inner scroller — flex row, full viewport height */
+.horizontal-section__inner {
+  position: absolute;
+  top: 0; left: 0;
+  display: flex;
+  height: 100vh;
+  will-change: transform;
+}
+
+/* Each card: same width as the container (70vw), stacked vertically inside */
+.card {
+  flex: none;
+  width: 100%;           /* same as .container width (70vw) */
+  margin-right: 1rem;    /* gap between cards */
+  display: flex;
+  flex-direction: column;
+}
+
+/* Image on top */
+.card img {
+  width: 100%;
+  height: auto;
+  border-radius: 10px;
+  object-fit: cover;
+}
+
+/* Caption below */
+.card .caption {
+  margin-top: 0.5rem;
+  text-align: center;
+  color: var(--fg-one);
+  font-size: 0.95rem;
+}