1 files changed, 101 insertions, 0 deletions

diff --git a/src/components/landing/sections/Research.module.css b/src/components/landing/sections/Research.module.css
new file mode 100644
index 0000000..c5c87a4
--- /dev/null
+++ b/src/components/landing/sections/Research.module.css
@@ -0,0 +1,101 @@
+/*
+ * SPDX-FileCopyrightText: 2023 Kristóf Marussy
+ *
+ * SPDX-License-Identifier: MIT
+ */
+
+.topics {
+  margin-top: 1.5rem;
+}
+
+.topic {
+  container-type: inline-size;
+}
+
+.topic__contents {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.topic__icon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.topic__icon--system {
+  color: #f5a614;
+}
+
+[data-theme='dark'] .topic__icon--system {
+  color: #e6ac5b;
+}
+
+.topic__icon--verification {
+  color: #1eae4e;
+}
+
+[data-theme='dark'] .topic__icon--verification {
+  color: #63c177;
+}
+
+.topic__icon--reasoning {
+  color: #af3b6e;
+}
+
+[data-theme='dark'] .topic__icon--reasoning {
+  color: #d67a9d;
+}
+
+.topic__icon--graph {
+  color: #038a99;
+}
+
+[data-theme='dark'] .topic__icon--graph {
+  color: #56b6c2;
+}
+
+.topic__text {
+  flex-grow: 1;
+}
+
+.topic__title {
+  margin-top: 1rem;
+  text-align: center;
+  --casl: 0;
+}
+
+.topic__description {
+  margin: 0;
+}
+
+@container (min-width: 450px) {
+  .topic .topic__contents {
+    margin: 0.625rem 0;
+    flex-direction: row;
+    gap: 1rem;
+  }
+
+  .topic .topic__title {
+    margin-top: 0;
+    text-align: left;
+  }
+
+  .topic:nth-of-type(2n) .topic__contents {
+    flex-direction: row-reverse;
+  }
+
+  .topic:nth-of-type(2n) .topic__title,
+  .topic:nth-of-type(2n) .topic__description {
+    text-align: right;
+  }
+
+  .topic:first-of-type .topic__contents {
+    margin-top: 0;
+  }
+
+  .topic:last-of-type .topic__contents {
+    margin-top: 0;
+  }
+}