diff --git a/css/index.css b/css/index.css
new file mode 100644
index 0000000..70ee802
--- /dev/null
+++ b/css/index.css
@@ -0,0 +1,49 @@
+*,
+html {
+ font-size: 16px;
+}
+body {
+ margin: 0;
+}
+
+main {
+ min-height: 100vh;
+ margin: 0;
+}
+
+.main-title {
+ text-align: center;
+ font-size: 2rem;
+}
+
+.experiment {
+ border: 1px solid black;
+ border-radius: 3px;
+ min-height: 2rem;
+ margin: 1.5rem;
+}
+
+.experiment-thumbnail {
+ position: relative;
+}
+
+.experiment-thumbnail__image {
+ width: 100%;
+}
+
+.experiment-thumbnail__caption {
+ color: white;
+ background-image: linear-gradient(to right, black, #fefefe);
+ transition: all 0.5s;
+ opacity: 0;
+ padding: 2rem 0 0 0;
+ transform: translateY(-50%);
+ text-align: center;
+ height: 2rem;
+}
+
+.experiment-thumbnail__image:hover + .experiment-thumbnail__caption {
+ /* position: absolute; */
+ /* bottom: 3rem; */
+ opacity: 1;
+}
diff --git a/index.html b/index.html
index 1e267ad..a4e2886 100644
--- a/index.html
+++ b/index.html
@@ -4,9 +4,32 @@
+
Document
- Hello World!
+
+ AR Experiments
+
+
+ First Experiment
+
+
+
+
+ Second Experiment
+
+
+
+
+ Third Experiment
+
+
+
+
+ Fourth Experiment
+
+
+