diff --git a/resources/_gen/assets/scss/scss/main.scss_66218e5a7b913738c9930d434ed16445.content b/resources/_gen/assets/scss/scss/main.scss_66218e5a7b913738c9930d434ed16445.content
new file mode 100644
index 0000000..4cc8db1
--- /dev/null
+++ b/resources/_gen/assets/scss/scss/main.scss_66218e5a7b913738c9930d434ed16445.content
@@ -0,0 +1 @@
+.container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-items:baseline;width:100%;text-align:left}p{font-size:1.5em;text-align:left;color:#323232}.question{flex:1 1 600px}.question h2{font-weight:bold;font-size:2em;margin-bottom:9px}.question p{padding:0;margin:0}.break{flex-basis:100%;height:0}.item{padding:5px}.page{padding:120px 7.5%}
diff --git a/resources/_gen/assets/scss/scss/main.scss_66218e5a7b913738c9930d434ed16445.json b/resources/_gen/assets/scss/scss/main.scss_66218e5a7b913738c9930d434ed16445.json
new file mode 100644
index 0000000..8d03ad7
--- /dev/null
+++ b/resources/_gen/assets/scss/scss/main.scss_66218e5a7b913738c9930d434ed16445.json
@@ -0,0 +1 @@
+{"Target":"style.css","MediaType":"text/css","Data":{}}
\ No newline at end of file
diff --git a/themes/cloud.autonomic.zone/assets/scss/main.scss b/themes/cloud.autonomic.zone/assets/scss/main.scss
new file mode 100644
index 0000000..a1d7c70
--- /dev/null
+++ b/themes/cloud.autonomic.zone/assets/scss/main.scss
@@ -0,0 +1,45 @@
+
+// flexbox containers
+.container {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: space-evenly;
+    align-items: baseline;
+    width: 100%;
+    text-align: left;
+
+}
+
+p {
+    font-size: 1.5em;
+    text-align: left;
+    color: #323232;
+
+}
+
+.question {
+    h2 {
+        font-weight: bold;
+        font-size: 2em;
+        margin-bottom: 9px;
+    }
+    p {
+        padding: 0;
+        margin: 0;
+    }
+    flex: 1 1 600px;
+}
+
+.break {
+    flex-basis: 100%;
+    height: 0;
+}
+
+.item {
+    padding: 5px
+}
+
+.page {
+    padding: 120px 7.5%;
+}
diff --git a/themes/cloud.autonomic.zone/layouts/index.html b/themes/cloud.autonomic.zone/layouts/index.html
index bc984ee..0c52a04 100644
--- a/themes/cloud.autonomic.zone/layouts/index.html
+++ b/themes/cloud.autonomic.zone/layouts/index.html
@@ -2,4 +2,27 @@
 <div id="home-jumbotron" class="jumbotron text-center">
   <h1 class="title">{{ .Site.Title }}</h1>
 </div>
+
+<div class="page">
+  <div class="container questions">
+    <div class="item question">
+      <h2>How is it similar do YunoHost?</h2>
+      <p>I'm baby small batch street art pinterest snackwave. Asymmetrical art party sustainable williamsburg kogi iceland. Actually cliche synth microdosing ramps, typewriter yr XOXO crucifix DIY meggings you probably haven't heard of them.</p>
+    </div>
+    <div class="item question">
+      <h2>This is another question?</h2>
+      <p>I'm baby tumblr activated charcoal forage, sustainable yr thundercats seitan selfies man braid post-ironic sartorial chia irony asymmetrical brunch.</p>
+    </div>
+    <div class="break"></div>
+    <div class="item question">
+      <h2>Why is this the best service ever?</h2>
+      <p>Slow-carb vice butcher artisan raw denim offal keffiyeh mixtape copper mug chambray crucifix pug distillery. Celiac godard tousled taxidermy. Lumbersexual selfies retro, swag health goth YOLO pour-over. Raclette quinoa stumptown artisan vape yr vice street art tofu chambray.</p>
+    </div>
+    <div class="item question">
+      <h2>How <em>do</em> I make £3000 a month while working from home?</h2>
+      <p>Crucifix mustache artisan wayfarers, raw denim green juice prism poke jianbing celiac slow-carb. Tote bag snackwave single-origin coffee hell of cloud bread. Franzen try-hard kickstarter vice cornhole truffaut. Pok pok next level whatever af semiotics, bicycle rights brunch.</p>
+    </div>
+  </div>
+</div>
+
 {{ end }}
diff --git a/themes/cloud.autonomic.zone/layouts/partials/head.html b/themes/cloud.autonomic.zone/layouts/partials/head.html
index 9ae8600..2cf172f 100644
--- a/themes/cloud.autonomic.zone/layouts/partials/head.html
+++ b/themes/cloud.autonomic.zone/layouts/partials/head.html
@@ -3,5 +3,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     {{ $title := print .Site.Title " | " .Title }}
     {{ if .IsHome }}{{ $title = .Site.Title }}{{ end }}
+    {{/*  scss compiling  */}}
+    {{ $options := (dict "targetPath" "style.css" "outputStyle" "compressed") }}
+    {{ $style := resources.Get "scss/main.scss" | resources.ToCSS $options }}
+    <link href="{{ $style.Permalink }}" rel="stylesheet">
     <title>{{ $title }}</title>
 </head>