Create initial domain CSS styles

Co-authored-by: Anna Bargiel <[email protected]>

app/assets/stylesheets/application.scss

@@ -5,6 +5,7 @@
 @import 'common';
 @import 'community';
 @import 'contact_forms';
+@import 'domain';
 @import 'fonts';
 @import 'footer';
 @import 'header';

app/assets/stylesheets/domain.scss

@@ -0,0 +1,51 @@
+@import 'variables';
+@import 'mixins';
+
+body.domain {
+
+  .logotype {
+    &:hover {
+      filter: brightness(120%);
+    }
+  }
+
+  .domain-item {
+    background-color: $light-background-color;
+    color: $grey-text-color;
+
+    margin-top: -250px;
+    @include vertical-padding(20px);
+    text-align: center;
+
+    blockquote p {
+      font-size: 20pt;
+      margin-bottom: 48px;
+    }
+
+    h1 {
+      font-family: "Asap", Helvetica, sans-serif;
+      font-weight: 700;
+      margin-bottom: 100px;
+      margin-top: 100px;
+      text-transform: uppercase;
+      text-align: center;
+    }
+
+
+    p {
+      font-size: 16pt;
+      text-align: justify;
+    }
+
+    img {
+      @extend .float-md-end !optional;
+      margin-left: 25px;
+  }
+
+    .btn.btn-default {
+      background-color: transparent;
+      margin-bottom: 30px;
+      margin-top: 30px;
+    }
+  }
+}