Added GUI and some data

2019-10-30 13:42:42 +01:00 · 2019-10-30 13:42:42 +01:00 · d11238e19e
commit d11238e19e
parent 2722eb2efb
9 changed files with 263 additions and 15 deletions
--- a/server/database/data.json
+++ b/server/database/data.json
@ -1 +1 @@
-{"data":[false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false]}
+{"data":[false,false,false,false,false,false,false,false,false,false,false,false,true,false,false,false,false,false,false,true,false,false,false,false,true,false,false,false,false,false,false,false,false,false,false,false,false,true,false,false,false,false,false,false,false,false,false,false,false,true,false,false,false,false,false,false,false,false,false,true,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,true,false,false,false,false,false,false,false,false,false,false,false,false,false]}
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@ -1 +1,8 @@
-<router-outlet></router-outlet>
+    <nav>
+        <!-- nav here -->
+        <span>Surprise box reserveren</span>
+        <a routerLink="login"><i class="fas fa-sign-in-alt"></i></a>
+    </nav>
+    <main>
+        <router-outlet></router-outlet>
+    </main>
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@ -0,0 +1,65 @@
+body {
+    margin: 0;
+    font-family: 'Open Sans', sans-serif;
+    background: repeating-linear-gradient(
+        45deg,
+        #ff3641 ,
+        #ff3641 60px,
+        #5998c5 60px,
+        #5998c5 120px,
+        #ffca3a 120px,
+        #ffca3a 180px,
+    );
+}
+
+@function strip-unit($number) {
+    @if type-of($number) == 'number' and not unitless($number) {
+      @return $number / ($number * 0 + 1);
+    }
+  
+    @return $number;
+  }
+
+// HLC blue (0,175,241) red (247,0,0) yellow (255,255,0)
+nav {
+    height: 4em;
+    color: white;
+    background-color: rgba(0,0,0,0.25);
+    position: relative;
+    span {
+        font-family: 'Staatliches', cursive;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        font-size: 2em;
+        width: max-content;
+    }
+    a {
+        text-decoration: none;
+        color: white;
+        cursor: pointer;
+        position: absolute;
+        font-size: 1.5em;
+        top: 50%;
+        right: 20px;
+        transform: translate(0, -50%);
+        i {
+            padding: 5px;
+        }
+    }
+    @media screen and (min-width: 600px) {
+        a::after {
+            content: "Login";
+        }
+    }
+}
+
+main {
+    padding: 16px;
+    margin: 20px;
+    height: min-content;
+    border-radius: 1em;
+    background-color: #ffffff;
+    text-align: center;
+}
--- a/src/app/components/home/home.component.html
+++ b/src/app/components/home/home.component.html
@ -1,13 +1,30 @@
-<span *ngIf="loggedIn" (click)="logout()">Log uit</span>
-<div class="container" *ngIf="!loggedIn && (data | async) as data">
-  <div *ngFor="let item of data.data; let i = index">
-    {{ i + 1 }}. {{ item ? 'Gereserveerd' : 'Niet gereserveerd' }}
-    <a [href]="'mailto:doemiddag.hetheerenlanden@cvo-av.nl?subject=Reservatie Surprise box ' + (i + 1)">Reserveer</a>
-  </div>
-</div>
-
-<div class="container" *ngIf="loggedIn && (data | async) as data">
-  <div *ngFor="let item of data.data; let i = index">
-    <button (click)="updateItem(i)">{{ i + 1 }}. {{ item ? 'Gereserveerd' : 'Niet gereserveerd' }}</button>
-  </div>
-</div>
+        <img src="../../../assets/logo-hetheerenlanden.svg" />
+        <p>
+            Festival Het Heerenlanden pakt uit<br>
+            28 november 2019<br>
+            Kerstmarkt van 16:00 tot 20:00<br>
+        </p>
+        <p>
+            Klik op een cadeautje om een surprise box te reserveren.<br>
+            Na reservering ontvang je een bevestiging van Simone.<br>
+            Je kan je box op 28 november ophalen en betalen.
+        </p>
+        <div>
+            <span *ngIf="loggedIn" (click)="logout()">Log uit</span>
+            <div class="container" *ngIf="!loggedIn && (data | async) as data">
+              <div *ngFor="let item of data.data; let i = index">
+                <a [href]="item ? '' : ('mailto:doemiddag.hetheerenlanden@cvo-av.nl?subject=Reservatie Surprise box ' + (i + 1))">
+                  <span class="{{ item ? 'unavailable' : 'available' }}">{{ i + 1 }}<br>
+                    <div class="tooltip">{{ item ? 'Gereserveerd' : 'Klik om te reserveren' }}</div>
+                    <i class="fas fa-gift"></i>
+                  </span>
+                </a>
+              </div>
+            </div>
+            
+            <div class="container" *ngIf="loggedIn && (data | async) as data">
+              <div *ngFor="let item of data.data; let i = index">
+                <button (click)="updateItem(i)">{{ i + 1 }}. {{ item ? 'Gereserveerd' : 'Niet gereserveerd' }}</button>
+              </div>
+            </div>
+        </div>
--- a/src/app/components/home/home.component.scss
+++ b/src/app/components/home/home.component.scss
@ -0,0 +1,87 @@
+// HLC blue (0,175,241) red (247,0,0) yellow (255,255,0)
+
+    p:nth-child(2) {
+        border-bottom: 1px solid rgba(0,0,0,0.5);
+        font-weight: bold;
+        padding-bottom: 5px;
+    }
+    div {
+        div {
+            overflow: visible;
+            display: grid;
+            grid-template-columns: repeat(10, auto);
+            justify-items: center;
+            @media screen and (min-width: calc(180px + 100px)){
+                & { grid-template-columns: repeat(3, auto); }
+            }
+            @media screen and (min-width: calc(240px + 100px)){
+                & { grid-template-columns: repeat(4, auto); }
+            }
+            @media screen and (min-width: calc(300px + 100px)){
+                & { grid-template-columns: repeat(5, auto); }
+            }
+            @media screen and (min-width: calc(360px + 100px)){
+                & { grid-template-columns: repeat(6, auto); }
+            }
+            @media screen and (min-width: calc(420px + 100px)){
+                & { grid-template-columns: repeat(7, auto); }
+            }
+            @media screen and (min-width: calc(480px + 100px)){
+                & { grid-template-columns: repeat(8, auto); }
+            }
+            @media screen and (min-width: calc(540px + 100px)){
+                & { grid-template-columns: repeat(9, auto); }
+            }
+            @media screen and (min-width: calc(600px + 100px)){
+                & { grid-template-columns: repeat(10, auto); }
+            }
+            span {
+                // border: 1px solid black;
+                display: inline-block;
+                margin: 2.5px;
+                border-radius: 0.5em;
+                width: 50px;
+                height: 50px;
+                text-decoration: none;
+                color: white;
+                overflow: visible;
+                i {
+                    font-size: 1.5em;
+                }
+                &:hover > div.tooltip {
+                    display: inline;
+                }
+                div.tooltip {
+                    display: none;
+                    padding: 5px;
+                    border-radius: 3px;
+                    position: absolute;
+                    transform: translate(40px, -12.5px);
+                    background-color: rgba(108,117,125,1);
+                    &:before {
+                        position: absolute;
+                        left: -10px;
+                        width: 0;
+                        height: 0;
+                        content: "";
+                        border-style: solid;
+                        border-width: 10px 10px 10px 0;
+                        border-color: transparent #6c757d transparent transparent;
+                    }
+                }
+            }
+            span.available {
+                background-color: rgba(138,201,38,1) ;
+            }
+            span.unavailable {
+                background-color: rgba(255,54,65,1) ;
+            }
+            span.available:hover {
+                background-color: rgba(138,201,38,0.8) ;
+            }
+            span.unavailable:hover {
+                background-color: rgba(255,54,65,0.8) ;
+            }
+
+        }
+    }
--- a/src/app/components/home/home.component.ts
+++ b/src/app/components/home/home.component.ts
@ -2,6 +2,7 @@ import { Component, OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
 import { ApiData, DataService } from 'src/app/services/data.service';
 import { Router } from '@angular/router';
+import { $ } from 'protractor';

@Component({
  selector: 'app-home',
--- a/src/assets/logo-hetheerenlanden.svg
+++ b/src/assets/logo-hetheerenlanden.svg
@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="204px" height="52px" viewBox="0 0 401 102" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>Page 1</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <polygon id="path-1" points="13.1093 14 0.5313 14 0.5313 0.0945 13.1093 0.0945 13.1093 14"></polygon>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Overlay" transform="translate(-770.000000, -350.000000)">
+            <g id="Group-3" transform="translate(235.000000, 286.000000)">
+                <g id="Group-5" transform="translate(494.000000, 0.000000)">
+                    <g id="Page-1" transform="translate(41.000000, 64.000000)">
+                        <path d="M41.5713,68.4971 C41.6623,66.5801 41.7053,56.4321 41.7053,55.3181 L41.7053,50.6261 C41.7053,49.8921 41.5713,38.7441 41.4843,37.6991 L51.6763,37.6991 C51.5893,38.4911 51.4593,46.8591 51.4593,47.6361 L51.4593,49.3681 L62.7323,48.5541 L62.7323,46.7161 C62.7323,45.9881 62.6493,38.6551 62.5573,37.6991 L72.6633,37.6991 C72.6203,38.7441 72.4873,50.8901 72.4873,51.9361 L72.4873,56.2621 C72.4873,56.8281 72.5763,67.6771 72.6633,68.4971 L62.5573,68.4971 C62.5983,67.0171 62.7323,59.9971 62.7323,59.1661 L62.7323,55.8651 L51.4593,56.7001 L51.4593,58.2641 C51.4593,60.2101 51.5893,67.4941 51.6343,68.4971 L41.5713,68.4971" id="Fill-1" fill="#00B0EA"></path>
+                        <path d="M97.3652,68.9356 C95.7982,68.9356 80.1492,68.4976 77.8932,68.4976 C78.0192,66.1996 78.0192,56.9116 78.0192,55.9086 L78.0192,50.1176 C78.0192,49.4166 77.9362,38.9676 77.8932,37.7156 C80.3192,37.7156 94.8942,37.0656 96.5002,36.9276 L96.6712,44.0856 C95.0562,44.0856 88.2542,44.2966 87.4782,44.2966 L87.4782,50.0176 C88.3432,50.0176 93.3312,49.8066 95.2442,49.6386 L95.3632,56.5686 C94.1912,56.5686 88.4282,56.4046 87.4782,56.4046 L87.4782,61.5456 C88.5982,61.5456 95.1502,61.6306 97.1852,61.4776 L97.3652,68.9356" id="Fill-3" fill="#00B0EA"></path>
+                        <path d="M121.7813,68.9356 C120.2183,68.9356 104.5553,68.4976 102.3113,68.4976 C102.4343,66.1996 102.4343,56.9116 102.4343,55.9086 L102.4343,50.1176 C102.4343,49.4166 102.3533,38.9676 102.3113,37.7156 C104.7303,37.7156 119.2983,37.0656 120.9043,36.9276 L121.0793,44.0856 C119.4723,44.0856 112.6713,44.2966 111.8903,44.2966 L111.8903,50.0176 C112.7603,50.0176 117.7393,49.8066 119.6513,49.6386 L119.7793,56.5686 C118.6123,56.5686 112.8413,56.4046 111.8903,56.4046 L111.8903,61.5456 C113.0153,61.5456 119.5573,61.6306 121.6023,61.4776 L121.7813,68.9356" id="Fill-5" fill="#00B0EA"></path>
+                        <path d="M136.2988,55.2178 C136.2988,56.8818 136.4358,67.8478 136.5168,68.4968 L126.8518,68.4968 C127.0178,67.4508 126.9328,53.7128 126.9328,52.7968 L126.9328,49.2418 C126.9328,47.9468 126.8518,38.5308 126.7238,37.7158 C132.6568,37.7158 138.6808,37.7988 142.5858,38.3208 C149.0138,39.1398 152.4728,41.6468 152.4728,45.6358 C152.4728,49.2038 150.2708,51.9358 146.8838,54.3168 C148.1788,55.7818 154.8198,62.5058 155.9478,63.9008 L148.0088,69.8768 C147.0118,68.2268 138.5998,56.0508 137.4278,54.1488 C139.3318,53.0198 142.4198,50.6258 142.4198,47.7208 C142.4198,45.6808 140.9888,43.7318 136.2988,43.6898 L136.2988,55.2178" id="Fill-7" fill="#00B0EA"></path>
+                        <path d="M177.2383,68.9356 C175.6833,68.9356 160.0213,68.4976 157.7683,68.4976 C157.9003,66.1996 157.9003,56.9116 157.9003,55.9086 L157.9003,50.1176 C157.9003,49.4166 157.8103,38.9676 157.7683,37.7156 C160.1913,37.7156 174.7723,37.0656 176.3743,36.9276 L176.5483,44.0856 C174.9423,44.0856 168.1353,44.2966 167.3563,44.2966 L167.3563,50.0176 C168.2203,50.0176 173.2043,49.8066 175.1133,49.6386 L175.2493,56.5686 C174.0693,56.5686 168.3013,56.4046 167.3563,56.4046 L167.3563,61.5456 C168.4803,61.5456 175.0363,61.6306 177.0633,61.4776 L177.2383,68.9356" id="Fill-9" fill="#00B0EA"></path>
+                        <path d="M180.8389,68.4971 C181.0989,65.4111 182.1429,43.2101 182.5719,37.4451 L183.0109,37.1921 C189.1659,41.6871 203.0779,52.2321 204.6029,53.3561 C204.6029,50.9791 204.4749,39.3511 204.5179,37.4851 L213.3639,37.6991 C213.1009,41.0801 212.7039,47.5511 212.3249,53.8781 C211.9719,60.1651 211.6689,66.3261 211.5369,69.1431 L211.1069,69.3531 C205.9059,65.9731 190.2519,53.5821 189.5969,53.0621 C189.5969,54.8411 189.6479,67.3681 189.6909,68.7931 L180.8389,68.4971" id="Fill-11" fill="#00B0EA"></path>
+                        <path d="M227.2607,37.6988 C227.2137,38.7018 227.0517,47.6358 227.0517,53.1028 L227.0517,61.0258 C228.0827,61.0258 233.2017,61.0258 236.6737,60.8578 L236.7167,68.9188 C235.6727,68.9188 220.6197,68.4968 217.1607,68.4968 C217.2887,66.1988 217.2887,56.9108 217.2887,55.8808 L217.2887,50.1168 C217.2887,49.4168 217.1987,38.5318 217.1187,37.6988 L227.2607,37.6988" id="Fill-13" fill="#00B0EA"></path>
+                        <path d="M238.8721,65.2813 C240.1801,63.0683 252.1961,42.7333 256.4001,36.1073 L256.8311,32.2813 C262.0361,40.1313 273.6941,62.2953 275.5131,64.7613 L266.9381,69.8323 C265.6781,67.7073 263.4631,63.8583 263.0321,63.1083 L249.9811,63.8583 C249.6281,64.4683 248.0731,67.8473 247.1191,69.8773 L238.8721,65.2813 Z M260.0891,57.0363 C258.8661,54.5663 257.2181,51.4973 256.4431,49.7233 C255.4031,51.7933 253.8791,55.0053 252.7541,57.4483 L260.0891,57.0363 L260.0891,57.0363 Z" id="Fill-15" fill="#00B0EA"></path>
+                        <path d="M277.4561,68.4971 C277.7161,65.4111 278.7551,43.2101 279.1981,37.4451 L279.6281,37.1921 C285.7871,41.6871 299.7031,52.2321 301.2201,53.3561 C301.2201,50.9791 301.0961,39.3511 301.1351,37.4851 L309.9811,37.6991 C309.7171,41.0801 309.3211,47.5511 308.9341,53.8781 C308.5931,60.1651 308.2861,66.3261 308.1541,69.1431 L307.7241,69.3531 C302.5181,65.9731 286.8651,53.5821 286.2181,53.0621 C286.2181,54.8411 286.2601,67.3681 286.3031,68.7931 L277.4561,68.4971" id="Fill-17" fill="#00B0EA"></path>
+                        <path d="M313.9062,49.4165 C313.9062,48.4965 313.8632,38.9255 313.6842,37.6985 C321.6622,37.6985 326.3092,37.9245 330.3352,38.4905 C341.6992,40.0545 343.8632,45.9445 343.8632,49.4545 C343.8632,63.1085 327.6562,68.7095 313.6462,68.7095 C313.8122,66.7225 313.9062,55.9675 313.9062,54.7985 L313.9062,49.4165 Z M323.4432,60.8125 C327.6982,60.1235 333.5512,57.0535 333.5512,50.9795 C333.5512,45.8615 328.3452,44.6455 323.4432,44.6455 L323.4432,60.8125 L323.4432,60.8125 Z" id="Fill-19" fill="#00B0EA"></path>
+                        <path d="M365.8398,68.9356 C364.2728,68.9356 348.6138,68.4976 346.3688,68.4976 C346.4928,66.1996 346.4928,56.9116 346.4928,55.9086 L346.4928,50.1176 C346.4928,49.4166 346.4118,38.9676 346.3688,37.7156 C348.7888,37.7156 363.3608,37.0656 364.9668,36.9276 L365.1418,44.0856 C363.5348,44.0856 356.7288,44.2966 355.9488,44.2966 L355.9488,50.0176 C356.8188,50.0176 361.7978,49.8066 363.7138,49.6386 L363.8458,56.5686 C362.6658,56.5686 356.9028,56.4046 355.9488,56.4046 L355.9488,61.5456 C357.0728,61.5456 363.6198,61.6306 365.6648,61.4776 L365.8398,68.9356" id="Fill-21" fill="#00B0EA"></path>
+                        <path d="M368.1582,68.4971 C368.4232,65.4111 369.4582,43.2101 369.8962,37.4451 L370.3222,37.1921 C376.4902,41.6871 390.3972,52.2321 391.9222,53.3561 C391.9222,50.9791 391.7902,39.3511 391.8422,37.4851 L400.6792,37.6991 C400.4242,41.0801 400.0282,47.5511 399.6402,53.8781 C399.2962,60.1651 398.9932,66.3261 398.8562,69.1431 L398.4272,69.3531 C393.2212,65.9731 377.5672,53.5821 376.9162,53.0621 C376.9162,54.8411 376.9632,67.3681 377.0102,68.7931 L368.1582,68.4971" id="Fill-23" fill="#00B0EA"></path>
+                        <path d="M145.29,24.8604 C144.101,24.8604 132.219,24.5274 130.515,24.5274 C130.608,22.7834 130.608,15.7354 130.608,14.9744 L130.608,10.5794 C130.608,10.0474 130.547,2.1194 130.515,1.1684 C132.351,1.1684 143.409,0.6754 144.628,0.5704 L144.76,6.0034 C143.541,6.0034 138.376,6.1624 137.784,6.1624 L137.784,10.5044 C138.444,10.5044 142.223,10.3434 143.678,10.2164 L143.777,15.4754 C142.882,15.4754 138.509,15.3504 137.784,15.3504 L137.784,19.2524 C138.638,19.2524 143.606,19.3174 145.158,19.2004 L145.29,24.8604" id="Fill-25" fill="#00B0EA"></path>
+                        <path d="M76.3027,0.2134 C69.4807,-0.9896 64.1947,3.0214 64.5007,9.1694 C64.8057,15.3224 70.5857,21.2804 77.4087,22.4834 C84.2307,23.6864 89.5167,19.6804 89.2117,13.5274 C88.9067,7.3794 83.1247,1.4164 76.3027,0.2134" id="Fill-27" fill="#00B0EA"></path>
+                        <path d="M35.6992,5.0108 C33.1802,4.5678 30.6732,4.8098 28.5522,5.8598 C23.2102,8.5008 22.3322,15.2508 26.5892,20.9278 C29.1562,24.3538 33.0042,26.6108 36.8242,27.2848 C39.3452,27.7288 41.8522,27.4848 43.9742,26.4358 C49.3152,23.7948 50.1942,17.0498 45.9352,11.3668 C43.3692,7.9418 39.5212,5.6858 35.6992,5.0108" id="Fill-29" fill="#FFDC00"></path>
+                        <path d="M11.811,32.1001 C6.603,31.1811 1.91,33.3191 0.449,37.7271 C-1.368,43.2031 2.496,50.1121 9.078,53.1551 C10.364,53.7491 11.662,54.1521 12.926,54.3751 C18.136,55.2951 22.829,53.1571 24.29,48.7511 C26.113,43.2761 22.249,36.3671 15.667,33.3241 C14.377,32.7281 13.08,32.3231 11.811,32.1001" id="Fill-31" fill="#E53312"></path>
+                        <path d="M103.5498,24.5279 C103.6188,23.0729 103.6518,15.3719 103.6518,14.5269 L103.6518,10.9659 C103.6518,10.4089 103.5498,1.9489 103.4838,1.1559 L111.2188,1.1559 C111.1528,1.7569 111.0538,8.1069 111.0538,8.6969 L111.0538,10.0109 L119.6088,9.3939 L119.6088,7.9989 C119.6088,7.4459 119.5458,1.8819 119.4768,1.1559 L127.1458,1.1559 C127.1118,1.9489 127.0108,11.1669 127.0108,11.9599 L127.0108,15.2429 C127.0108,15.6729 127.0788,23.9049 127.1458,24.5279 L119.4768,24.5279 C119.5068,23.4039 119.6088,18.0769 119.6088,17.4469 L119.6088,14.9419 L111.0538,15.5759 L111.0538,16.7619 C111.0538,18.2389 111.1528,23.7669 111.1868,24.5279 L103.5498,24.5279" id="Fill-33" fill="#00B0EA"></path>
+                        <path d="M159.1475,8.6968 C159.1475,8.4758 159.1615,7.4418 159.1815,6.2048 C161.1335,6.1658 164.1085,6.1288 164.6965,6.1288 L164.5635,0.6968 C163.7645,0.7658 156.8675,1.0018 152.3875,1.1558 L151.5775,1.1558 C151.5775,1.1618 151.5785,1.1768 151.5785,1.1828 C149.5995,1.2498 148.0075,1.2948 147.4515,1.2948 C147.4835,2.2448 147.5445,6.1748 147.5445,6.7058 L151.6905,6.4648 C151.7215,8.6358 151.7455,10.6998 151.7455,10.9658 L151.7455,14.5268 C151.7455,15.3718 151.7125,23.0728 151.6435,24.5278 L159.2795,24.5278 C159.2465,23.7668 159.1475,18.2388 159.1475,16.7618 L159.1475,8.6968 Z" id="Fill-35" fill="#00B0EA"></path>
+                        <path d="M91.6836,90.0694 C91.6836,89.4884 91.6046,88.9494 91.4486,88.4524 C91.2906,87.9544 91.0376,87.5264 90.6886,87.1674 C90.3376,86.8074 89.8886,86.5264 89.3406,86.3234 C88.7916,86.1214 88.0576,86.0194 87.1356,86.0194 L85.2426,86.0194 L82.7956,98.1824 L84.7036,98.1824 C85.6706,98.1824 86.4836,98.0654 87.1426,97.8304 C87.8016,97.5954 88.3816,97.2724 88.8846,96.8624 C89.3866,96.4534 89.8146,95.9784 90.1696,95.4394 C90.5246,94.9004 90.8146,94.3314 91.0406,93.7324 C91.2666,93.1324 91.4296,92.5204 91.5316,91.8934 C91.6326,91.2674 91.6836,90.6594 91.6836,90.0694 M95.4976,89.6404 C95.4976,90.1934 95.4636,90.7794 95.3946,91.3964 C95.3256,92.0134 95.2096,92.6424 95.0486,93.2834 C94.8876,93.9234 94.6706,94.5594 94.3996,95.1904 C94.1266,95.8214 93.7886,96.4244 93.3836,97.0014 C92.9776,97.5774 92.4956,98.1134 91.9386,98.6114 C91.3806,99.1084 90.7386,99.5404 90.0106,99.9034 C89.2836,100.2674 88.4626,100.5504 87.5506,100.7544 C86.6386,100.9564 85.5506,101.0574 84.2876,101.0574 L79.7416,101.0574 C79.5936,101.0574 79.4536,101.0394 79.3196,101.0024 C79.1856,100.9654 79.0756,100.9034 78.9886,100.8154 C78.9006,100.7284 78.8406,100.6104 78.8086,100.4634 C78.7756,100.3164 78.7836,100.1324 78.8296,99.9104 L81.9536,84.3194 C82.0266,83.9144 82.1876,83.6214 82.4366,83.4414 C82.6856,83.2614 82.9806,83.1724 83.3216,83.1724 L87.6336,83.1724 C89.0526,83.1724 90.2396,83.3104 91.1926,83.5874 C92.1466,83.8634 92.9436,84.2734 93.5836,84.8174 C94.2236,85.3604 94.7036,86.0364 95.0216,86.8414 C95.3386,87.6484 95.4976,88.5814 95.4976,89.6404" id="Fill-37" fill="#9C9C9C"></path>
+                        <path d="M106.3477,92.6397 C106.3477,92.2527 106.3087,91.9107 106.2307,91.6107 C106.1527,91.3117 106.0237,91.0577 105.8437,90.8507 C105.6637,90.6427 105.4337,90.4847 105.1527,90.3727 C104.8707,90.2627 104.5287,90.2067 104.1227,90.2067 C103.6617,90.2067 103.2467,90.2967 102.8787,90.4767 C102.5097,90.6567 102.1807,90.8987 101.8907,91.2027 C101.6007,91.5067 101.3487,91.8597 101.1367,92.2597 C100.9247,92.6607 100.7497,93.0817 100.6127,93.5247 C100.4737,93.9667 100.3717,94.4157 100.3077,94.8717 C100.2437,95.3277 100.2107,95.7637 100.2107,96.1787 C100.2107,96.5657 100.2497,96.9107 100.3277,97.2147 C100.4077,97.5197 100.5357,97.7757 100.7157,97.9827 C100.8957,98.1897 101.1247,98.3487 101.4067,98.4587 C101.6877,98.5697 102.0317,98.6247 102.4367,98.6247 C102.8977,98.6247 103.3117,98.5357 103.6807,98.3557 C104.0487,98.1757 104.3777,97.9317 104.6687,97.6227 C104.9587,97.3147 105.2097,96.9587 105.4217,96.5587 C105.6337,96.1587 105.8087,95.7347 105.9477,95.2867 C106.0847,94.8397 106.1867,94.3907 106.2507,93.9397 C106.3157,93.4887 106.3477,93.0547 106.3477,92.6397 M109.9417,92.4057 C109.9417,93.0687 109.8797,93.7507 109.7547,94.4517 C109.6307,95.1517 109.4347,95.8347 109.1677,96.5027 C108.9007,97.1717 108.5567,97.7977 108.1377,98.3827 C107.7187,98.9687 107.2167,99.4847 106.6307,99.9307 C106.0457,100.3777 105.3757,100.7307 104.6197,100.9887 C103.8647,101.2457 103.0117,101.3757 102.0637,101.3757 C101.1327,101.3757 100.3277,101.2677 99.6517,101.0507 C98.9737,100.8337 98.4097,100.5167 97.9577,100.0967 C97.5067,99.6777 97.1697,99.1617 96.9497,98.5487 C96.7277,97.9367 96.6177,97.2337 96.6177,96.4417 C96.6177,95.7777 96.6797,95.0957 96.8037,94.3957 C96.9287,93.6957 97.1237,93.0137 97.3917,92.3497 C97.6587,91.6867 98.0017,91.0577 98.4207,90.4627 C98.8407,89.8687 99.3427,89.3507 99.9277,88.9087 C100.5127,88.4657 101.1837,88.1167 101.9387,87.8577 C102.6947,87.5997 103.5467,87.4707 104.4957,87.4707 C105.4267,87.4707 106.2307,87.5787 106.9087,87.7957 C107.5847,88.0117 108.1497,88.3297 108.6007,88.7487 C109.0527,89.1687 109.3887,89.6847 109.6107,90.2967 C109.8307,90.9107 109.9417,91.6127 109.9417,92.4057" id="Fill-39" fill="#9C9C9C"></path>
+                        <g id="Group-43" transform="translate(111.000000, 87.376000)">
+                            <mask id="mask-2" fill="white">
+                                <use xlink:href="#path-1"></use>
+                            </mask>
+                            <g id="Clip-42"></g>
+                            <path d="M9.6953,3.8545 C9.6953,3.4865 9.5493,3.1795 9.2593,2.9355 C8.9693,2.6915 8.5483,2.5695 7.9953,2.5695 C7.5343,2.5695 7.1223,2.6515 6.7573,2.8175 C6.3933,2.9835 6.0743,3.2075 5.7983,3.4885 C5.5203,3.7695 5.2833,4.1005 5.0863,4.4835 C4.8873,4.8655 4.7283,5.2735 4.6083,5.7065 L5.7693,5.7065 C6.5073,5.7065 7.1243,5.6585 7.6223,5.5615 C8.1193,5.4645 8.5203,5.3335 8.8243,5.1665 C9.1293,5.0015 9.3493,4.8055 9.4883,4.5805 C9.6263,4.3545 9.6953,4.1125 9.6953,3.8545 M13.1093,3.5915 C13.1093,4.2545 12.9593,4.8515 12.6603,5.3815 C12.3603,5.9115 11.8953,6.3685 11.2633,6.7505 C10.6323,7.1325 9.8313,7.4245 8.8593,7.6275 C7.8863,7.8305 6.7283,7.9315 5.3833,7.9315 L4.1113,7.9315 C4.0743,8.1435 4.0473,8.3535 4.0283,8.5605 C4.0093,8.7675 4.0013,8.9585 4.0013,9.1335 C4.0013,9.8805 4.1943,10.4425 4.5813,10.8205 C4.9673,11.1985 5.5903,11.3875 6.4473,11.3875 C7.0553,11.3875 7.6013,11.3435 8.0853,11.2555 C8.5683,11.1675 8.9923,11.0715 9.3563,10.9655 C9.7203,10.8595 10.0223,10.7625 10.2613,10.6755 C10.5013,10.5875 10.6763,10.5435 10.7873,10.5435 C10.8973,10.5435 10.9753,10.5765 11.0223,10.6405 C11.0683,10.7055 11.0913,10.8065 11.0913,10.9455 C11.0913,11.1015 11.0773,11.2815 11.0493,11.4845 C11.0223,11.6865 10.9823,11.8865 10.9323,12.0845 C10.8823,12.2835 10.8173,12.4695 10.7383,12.6445 C10.6603,12.8205 10.5703,12.9545 10.4683,13.0455 C10.3583,13.1565 10.1563,13.2665 9.8613,13.3775 C9.5663,13.4885 9.2113,13.5895 8.7973,13.6815 C8.3823,13.7735 7.9173,13.8495 7.4003,13.9105 C6.8843,13.9695 6.3593,14.0005 5.8253,14.0005 C4.9403,14.0005 4.1693,13.9075 3.5093,13.7225 C2.8503,13.5395 2.3003,13.2575 1.8583,12.8795 C1.4163,12.5015 1.0843,12.0205 0.8633,11.4355 C0.6413,10.8505 0.5313,10.1575 0.5313,9.3555 C0.5313,8.7385 0.5893,8.0775 0.7043,7.3725 C0.8193,6.6675 1.0063,5.9715 1.2633,5.2855 C1.5213,4.5985 1.8533,3.9425 2.2583,3.3155 C2.6643,2.6885 3.1553,2.1385 3.7313,1.6635 C4.3063,1.1895 4.9723,0.8085 5.7283,0.5235 C6.4833,0.2375 7.3453,0.0945 8.3133,0.0945 C9.1513,0.0945 9.8723,0.1945 10.4763,0.3915 C11.0793,0.5895 11.5753,0.8525 11.9623,1.1795 C12.3483,1.5065 12.6363,1.8795 12.8263,2.2995 C13.0143,2.7185 13.1093,3.1495 13.1093,3.5915" id="Fill-41" fill="#9C9C9C" mask="url(#mask-2)"></path>
+                        </g>
+                        <path d="M151.3936,88.1621 C151.3936,88.2641 151.3816,88.3671 151.3596,88.4731 C151.3356,88.5791 151.3106,88.6691 151.2836,88.7421 C150.9326,89.7471 150.5486,90.7631 150.1286,91.7901 C149.7096,92.8171 149.2486,93.8411 148.7476,94.8581 C148.2456,95.8771 147.7036,96.8771 147.1226,97.8571 C146.5416,98.8391 145.9206,99.7861 145.2566,100.6981 C145.1926,100.8001 145.1126,100.8781 145.0146,100.9331 C144.9176,100.9881 144.8076,101.0321 144.6836,101.0641 C144.5586,101.0971 144.4176,101.1171 144.2616,101.1271 C144.1056,101.1361 143.9296,101.1411 143.7366,101.1411 C143.4976,101.1411 143.2966,101.1311 143.1356,101.1131 C142.9736,101.0951 142.8446,101.0661 142.7476,101.0301 C142.6516,100.9931 142.5816,100.9421 142.5406,100.8781 C142.4996,100.8131 142.4786,100.7351 142.4786,100.6421 L141.5526,91.5201 L137.3646,100.6011 C137.3186,100.7031 137.2586,100.7881 137.1846,100.8571 C137.1116,100.9271 137.0146,100.9811 136.8946,101.0231 C136.7756,101.0641 136.6246,101.0951 136.4456,101.1131 C136.2656,101.1311 136.0466,101.1411 135.7896,101.1411 C135.5316,101.1411 135.3096,101.1311 135.1256,101.1131 C134.9416,101.0951 134.7906,101.0661 134.6766,101.0301 C134.5616,100.9931 134.4756,100.9421 134.4206,100.8781 C134.3656,100.8131 134.3376,100.7351 134.3376,100.6421 L133.0246,88.8251 C133.0156,88.7421 133.0086,88.6621 133.0036,88.5831 C132.9986,88.5051 132.9976,88.4381 132.9976,88.3831 C132.9976,88.2721 133.0156,88.1831 133.0526,88.1131 C133.0886,88.0441 133.1516,87.9891 133.2396,87.9471 C133.3266,87.9061 133.4466,87.8791 133.5986,87.8641 C133.7496,87.8501 133.9466,87.8441 134.1856,87.8441 C134.4246,87.8441 134.6166,87.8501 134.7596,87.8641 C134.9026,87.8791 135.0126,87.9011 135.0906,87.9331 C135.1686,87.9661 135.2226,88.0121 135.2496,88.0721 C135.2776,88.1321 135.2956,88.2031 135.3056,88.2861 L136.2726,98.5691 L136.2726,98.6941 L136.3286,98.5691 L141.0406,88.2861 C141.0786,88.2131 141.1196,88.1451 141.1656,88.0861 C141.2116,88.0261 141.2766,87.9771 141.3596,87.9401 C141.4426,87.9041 141.5526,87.8791 141.6916,87.8641 C141.8296,87.8501 142.0036,87.8441 142.2156,87.8441 C142.4276,87.8441 142.6056,87.8501 142.7476,87.8641 C142.8906,87.8791 143.0036,87.9011 143.0866,87.9331 C143.1696,87.9661 143.2296,88.0101 143.2666,88.0651 C143.3036,88.1201 143.3266,88.1841 143.3356,88.2591 L144.3586,98.5011 L144.3586,98.6111 L144.4276,98.5011 C144.8516,97.8371 145.2756,97.1021 145.6996,96.2961 C146.1226,95.4901 146.5336,94.6421 146.9296,93.7531 C147.3256,92.8631 147.7016,91.9541 148.0556,91.0231 C148.4106,90.0931 148.7356,89.1801 149.0306,88.2861 C149.0486,88.2031 149.0856,88.1321 149.1406,88.0721 C149.1966,88.0121 149.2726,87.9661 149.3696,87.9331 C149.4656,87.9011 149.5926,87.8791 149.7486,87.8641 C149.9056,87.8501 150.1036,87.8441 150.3436,87.8441 C150.5646,87.8441 150.7466,87.8501 150.8896,87.8641 C151.0326,87.8791 151.1406,87.8971 151.2136,87.9201 C151.2886,87.9431 151.3356,87.9751 151.3596,88.0161 C151.3816,88.0581 151.3936,88.1061 151.3936,88.1621" id="Fill-44" fill="#9C9C9C"></path>
+                        <path d="M162.0508,91.5205 C161.6168,90.8845 161.1508,90.4085 160.6478,90.0895 C160.1458,89.7725 159.5808,89.6135 158.9548,89.6135 C158.4568,89.6135 158.0078,89.7305 157.6078,89.9655 C157.2058,90.2005 156.8518,90.5115 156.5428,90.8985 C156.2338,91.2855 155.9668,91.7255 155.7408,92.2185 C155.5158,92.7115 155.3308,93.2205 155.1888,93.7465 C155.0448,94.2715 154.9398,94.7875 154.8698,95.2935 C154.8008,95.8005 154.7668,96.2565 154.7668,96.6625 C154.7668,96.9855 154.7918,97.3045 154.8428,97.6235 C154.8938,97.9405 154.9898,98.2315 155.1328,98.4945 C155.2758,98.7555 155.4718,98.9685 155.7208,99.1295 C155.9688,99.2915 156.2918,99.3715 156.6878,99.3715 C157.1948,99.3715 157.7038,99.2315 158.2148,98.9505 C158.7268,98.6685 159.2028,98.2795 159.6458,97.7825 C160.0878,97.2845 160.4798,96.6995 160.8208,96.0265 C161.1608,95.3535 161.4148,94.6125 161.5808,93.8005 L162.0508,91.5205 Z M162.4798,100.7115 C162.4428,100.8695 162.3408,100.9795 162.1748,101.0435 C162.0088,101.1085 161.7328,101.1405 161.3458,101.1405 C161.1608,101.1405 161.0098,101.1305 160.8898,101.1135 C160.7698,101.0945 160.6728,101.0695 160.5998,101.0375 C160.5258,101.0045 160.4748,100.9625 160.4468,100.9125 C160.4198,100.8625 160.4198,100.7945 160.4468,100.7115 L160.9038,98.3625 C160.7828,98.6575 160.5678,98.9795 160.2538,99.3305 C159.9408,99.6805 159.5698,100.0025 159.1418,100.2975 C158.7128,100.5925 158.2368,100.8365 157.7108,101.0305 C157.1858,101.2235 156.6518,101.3205 156.1078,101.3205 C155.3698,101.3205 154.7598,101.1915 154.2768,100.9335 C153.7918,100.6755 153.4068,100.3335 153.1218,99.9105 C152.8358,99.4865 152.6408,99.0075 152.5338,98.4725 C152.4288,97.9385 152.3748,97.3905 152.3748,96.8285 C152.3748,96.3125 152.4238,95.7275 152.5208,95.0735 C152.6168,94.4185 152.7738,93.7505 152.9898,93.0685 C153.2068,92.3865 153.4878,91.7235 153.8338,91.0785 C154.1788,90.4335 154.5958,89.8555 155.0848,89.3435 C155.5728,88.8325 156.1398,88.4215 156.7838,88.1135 C157.4298,87.8045 158.1618,87.6505 158.9828,87.6505 C159.8028,87.6505 160.5048,87.8165 161.0898,88.1485 C161.6748,88.4795 162.1978,88.9355 162.6588,89.5165 L162.9218,88.2585 C162.9578,88.1115 163.0648,88.0045 163.2388,87.9405 C163.4138,87.8755 163.6868,87.8435 164.0548,87.8435 C164.2388,87.8435 164.3938,87.8505 164.5178,87.8645 C164.6428,87.8785 164.7408,87.9045 164.8158,87.9405 C164.8888,87.9775 164.9348,88.0235 164.9528,88.0795 C164.9718,88.1335 164.9768,88.1945 164.9668,88.2585 L162.4798,100.7115 Z" id="Fill-46" fill="#9C9C9C"></path>
+                        <path d="M175.6104,88.4102 C175.6104,88.4932 175.6054,88.5832 175.5964,88.6802 C175.5874,88.7772 175.5684,88.8762 175.5414,88.9772 C175.5134,89.0792 175.4764,89.1802 175.4304,89.2812 C175.3844,89.3832 175.3364,89.4722 175.2854,89.5512 C175.2344,89.6292 175.1764,89.6912 175.1124,89.7372 C175.0484,89.7842 174.9744,89.8062 174.8914,89.8062 L171.7134,89.8062 L170.3164,96.7452 C170.2794,96.9382 170.2474,97.1552 170.2194,97.3942 C170.1924,97.6352 170.1784,97.8332 170.1784,97.9892 C170.1784,98.4592 170.2774,98.8032 170.4754,99.0182 C170.6734,99.2352 170.9944,99.3442 171.4364,99.3442 C171.6844,99.3442 171.9014,99.3232 172.0864,99.2812 C172.2694,99.2402 172.4284,99.1962 172.5624,99.1502 C172.6964,99.1042 172.8134,99.0602 172.9154,99.0182 C173.0164,98.9772 173.1034,98.9572 173.1774,98.9572 C173.2514,98.9572 173.3084,98.9822 173.3504,99.0332 C173.3914,99.0832 173.4124,99.1782 173.4124,99.3162 C173.4124,99.4352 173.4014,99.5672 173.3784,99.7102 C173.3544,99.8522 173.3254,99.9932 173.2884,100.1322 C173.2514,100.2692 173.2054,100.3942 173.1504,100.5052 C173.0944,100.6152 173.0344,100.7032 172.9704,100.7672 C172.8964,100.8322 172.7864,100.8962 172.6384,100.9612 C172.4914,101.0252 172.3204,101.0832 172.1274,101.1342 C171.9334,101.1842 171.7284,101.2232 171.5114,101.2512 C171.2964,101.2782 171.0814,101.2932 170.8694,101.2932 C170.3534,101.2932 169.9064,101.2372 169.5284,101.1272 C169.1504,101.0162 168.8334,100.8442 168.5754,100.6082 C168.3164,100.3732 168.1264,100.0792 168.0014,99.7232 C167.8774,99.3692 167.8144,98.9432 167.8144,98.4452 C167.8144,98.3352 167.8194,98.2132 167.8284,98.0792 C167.8384,97.9452 167.8534,97.8052 167.8774,97.6572 C167.8994,97.5102 167.9234,97.3622 167.9464,97.2152 C167.9684,97.0672 167.9944,96.9302 168.0224,96.8012 L169.4184,89.8062 L167.6904,89.8062 C167.5894,89.8062 167.5104,89.7762 167.4554,89.7172 C167.4004,89.6572 167.3724,89.5392 167.3724,89.3642 C167.3724,89.2352 167.3864,89.0862 167.4144,88.9152 C167.4414,88.7452 167.4834,88.5862 167.5384,88.4382 C167.5934,88.2912 167.6654,88.1672 167.7534,88.0652 C167.8394,87.9642 167.9434,87.9132 168.0634,87.9132 L169.8044,87.9132 L170.3994,84.9552 C170.4084,84.8902 170.4384,84.8312 170.4894,84.7752 C170.5404,84.7202 170.6114,84.6722 170.7034,84.6302 C170.7964,84.5892 170.9184,84.5592 171.0694,84.5402 C171.2214,84.5222 171.4084,84.5132 171.6304,84.5132 C171.8504,84.5132 172.0324,84.5222 172.1754,84.5402 C172.3184,84.5592 172.4284,84.5892 172.5064,84.6302 C172.5854,84.6722 172.6354,84.7202 172.6594,84.7752 C172.6824,84.8312 172.6894,84.8902 172.6794,84.9552 L172.0864,87.9132 L175.2644,87.9132 C175.4034,87.9132 175.4954,87.9642 175.5414,88.0652 C175.5874,88.1672 175.6104,88.2812 175.6104,88.4102" id="Fill-48" fill="#9C9C9C"></path>
+                        <path d="M191.4912,88.4102 C191.4912,88.4932 191.4862,88.5832 191.4772,88.6802 C191.4682,88.7772 191.4492,88.8762 191.4222,88.9772 C191.3942,89.0792 191.3572,89.1802 191.3112,89.2812 C191.2652,89.3832 191.2172,89.4722 191.1662,89.5512 C191.1152,89.6292 191.0572,89.6912 190.9932,89.7372 C190.9292,89.7842 190.8552,89.8062 190.7722,89.8062 L187.5942,89.8062 L186.1972,96.7452 C186.1602,96.9382 186.1282,97.1552 186.1002,97.3942 C186.0732,97.6352 186.0592,97.8332 186.0592,97.9892 C186.0592,98.4592 186.1582,98.8032 186.3562,99.0182 C186.5542,99.2352 186.8752,99.3442 187.3172,99.3442 C187.5652,99.3442 187.7822,99.3232 187.9672,99.2812 C188.1502,99.2402 188.3092,99.1962 188.4432,99.1502 C188.5772,99.1042 188.6942,99.0602 188.7962,99.0182 C188.8972,98.9772 188.9842,98.9572 189.0582,98.9572 C189.1322,98.9572 189.1892,98.9822 189.2312,99.0332 C189.2722,99.0832 189.2932,99.1782 189.2932,99.3162 C189.2932,99.4352 189.2822,99.5672 189.2592,99.7102 C189.2352,99.8522 189.2062,99.9932 189.1692,100.1322 C189.1322,100.2692 189.0862,100.3942 189.0312,100.5052 C188.9752,100.6152 188.9152,100.7032 188.8512,100.7672 C188.7772,100.8322 188.6672,100.8962 188.5192,100.9612 C188.3722,101.0252 188.2012,101.0832 188.0082,101.1342 C187.8142,101.1842 187.6092,101.2232 187.3922,101.2512 C187.1772,101.2782 186.9622,101.2932 186.7502,101.2932 C186.2342,101.2932 185.7872,101.2372 185.4092,101.1272 C185.0312,101.0162 184.7142,100.8442 184.4562,100.6082 C184.1972,100.3732 184.0072,100.0792 183.8822,99.7232 C183.7582,99.3692 183.6952,98.9432 183.6952,98.4452 C183.6952,98.3352 183.7002,98.2132 183.7092,98.0792 C183.7192,97.9452 183.7342,97.8052 183.7582,97.6572 C183.7802,97.5102 183.8042,97.3622 183.8272,97.2152 C183.8492,97.0672 183.8752,96.9302 183.9032,96.8012 L185.2992,89.8062 L183.5712,89.8062 C183.4702,89.8062 183.3912,89.7762 183.3362,89.7172 C183.2812,89.6572 183.2532,89.5392 183.2532,89.3642 C183.2532,89.2352 183.2672,89.0862 183.2952,88.9152 C183.3222,88.7452 183.3642,88.5862 183.4192,88.4382 C183.4742,88.2912 183.5462,88.1672 183.6342,88.0652 C183.7202,87.9642 183.8242,87.9132 183.9442,87.9132 L185.6852,87.9132 L186.2802,84.9552 C186.2892,84.8902 186.3192,84.8312 186.3702,84.7752 C186.4212,84.7202 186.4922,84.6722 186.5842,84.6302 C186.6772,84.5892 186.7992,84.5592 186.9502,84.5402 C187.1022,84.5222 187.2892,84.5132 187.5112,84.5132 C187.7312,84.5132 187.9132,84.5222 188.0562,84.5402 C188.1992,84.5592 188.3092,84.5892 188.3872,84.6302 C188.4662,84.6722 188.5162,84.7202 188.5402,84.7752 C188.5632,84.8312 188.5702,84.8902 188.5602,84.9552 L187.9672,87.9132 L191.1452,87.9132 C191.2842,87.9132 191.3762,87.9642 191.4222,88.0652 C191.4682,88.1672 191.4912,88.2812 191.4912,88.4102" id="Fill-50" fill="#9C9C9C"></path>
+                        <path d="M201.3184,91.0235 C201.3184,90.5525 201.1334,90.1725 200.7654,89.8825 C200.3964,89.5925 199.8724,89.4475 199.1894,89.4475 C198.5904,89.4475 198.0604,89.5505 197.6004,89.7575 C197.1394,89.9655 196.7314,90.2445 196.3774,90.5945 C196.0224,90.9445 195.7174,91.3525 195.4644,91.8175 C195.2114,92.2835 195.0064,92.7735 194.8494,93.2905 L196.2594,93.2905 C197.2274,93.2905 198.0364,93.2295 198.6854,93.1105 C199.3354,92.9905 199.8554,92.8275 200.2474,92.6195 C200.6384,92.4125 200.9154,92.1695 201.0764,91.8935 C201.2374,91.6175 201.3184,91.3275 201.3184,91.0235 M203.6544,90.8155 C203.6544,91.4515 203.5064,92.0225 203.2124,92.5295 C202.9174,93.0365 202.4564,93.4695 201.8304,93.8295 C201.2034,94.1885 200.4014,94.4645 199.4244,94.6585 C198.4484,94.8515 197.2774,94.9485 195.9144,94.9485 L194.4494,94.9485 C194.3844,95.2525 194.3404,95.5475 194.3174,95.8335 C194.2954,96.1195 194.2834,96.3855 194.2834,96.6345 C194.2834,97.5565 194.5104,98.2605 194.9674,98.7495 C195.4234,99.2385 196.1634,99.4815 197.1854,99.4815 C197.7754,99.4815 198.3054,99.4385 198.7754,99.3505 C199.2454,99.2625 199.6534,99.1695 199.9984,99.0675 C200.3434,98.9655 200.6274,98.8725 200.8484,98.7845 C201.0694,98.6965 201.2214,98.6525 201.3044,98.6525 C201.3874,98.6525 201.4504,98.6825 201.4914,98.7425 C201.5324,98.8025 201.5534,98.8875 201.5534,98.9985 C201.5534,99.0905 201.5444,99.2015 201.5254,99.3305 C201.5064,99.4595 201.4794,99.5905 201.4424,99.7235 C201.4064,99.8575 201.3574,99.9845 201.2974,100.1035 C201.2374,100.2235 201.1714,100.3255 201.0974,100.4085 C200.9864,100.5185 200.7914,100.6275 200.5094,100.7325 C200.2284,100.8385 199.8944,100.9355 199.5074,101.0235 C199.1214,101.1105 198.6974,101.1815 198.2364,101.2375 C197.7754,101.2935 197.3144,101.3205 196.8534,101.3205 C196.0344,101.3205 195.3154,101.2275 194.6984,101.0445 C194.0804,100.8595 193.5664,100.5765 193.1564,100.1935 C192.7464,99.8115 192.4404,99.3355 192.2374,98.7635 C192.0354,98.1925 191.9334,97.5195 191.9334,96.7455 C191.9334,96.1465 191.9914,95.5035 192.1064,94.8175 C192.2214,94.1305 192.4034,93.4515 192.6524,92.7785 C192.9014,92.1055 193.2234,91.4605 193.6204,90.8435 C194.0154,90.2255 194.4884,89.6825 195.0364,89.2115 C195.5854,88.7425 196.2174,88.3645 196.9364,88.0795 C197.6554,87.7935 198.4664,87.6505 199.3694,87.6505 C200.1434,87.6505 200.7994,87.7475 201.3394,87.9405 C201.8784,88.1335 202.3204,88.3825 202.6664,88.6875 C203.0114,88.9915 203.2624,89.3305 203.4194,89.7035 C203.5764,90.0765 203.6544,90.4475 203.6544,90.8155" id="Fill-52" fill="#9C9C9C"></path>
+                        <path d="M207.5654,100.7119 C207.5464,100.7859 207.5144,100.8479 207.4684,100.8989 C207.4224,100.9489 207.3534,100.9929 207.2614,101.0299 C207.1694,101.0659 207.0474,101.0949 206.8954,101.1129 C206.7434,101.1309 206.5564,101.1409 206.3364,101.1409 C206.1054,101.1409 205.9194,101.1309 205.7754,101.1129 C205.6324,101.0949 205.5224,101.0659 205.4444,101.0299 C205.3654,100.9929 205.3154,100.9489 205.2924,100.8989 C205.2684,100.8479 205.2664,100.7859 205.2854,100.7119 L208.9614,82.2459 C208.9804,82.1729 209.0094,82.1079 209.0514,82.0529 C209.0924,81.9969 209.1624,81.9509 209.2584,81.9139 C209.3554,81.8779 209.4804,81.8499 209.6314,81.8309 C209.7844,81.8139 209.9754,81.8039 210.2064,81.8039 C210.4264,81.8039 210.6084,81.8139 210.7524,81.8309 C210.8944,81.8499 211.0044,81.8779 211.0834,81.9139 C211.1614,81.9509 211.2104,81.9969 211.2284,82.0529 C211.2474,82.1079 211.2514,82.1729 211.2424,82.2459 L207.5654,100.7119 Z" id="Fill-54" fill="#9C9C9C"></path>
+                        <path d="M220.6826,88.4102 C220.6826,88.4932 220.6776,88.5832 220.6686,88.6802 C220.6596,88.7772 220.6406,88.8762 220.6136,88.9772 C220.5856,89.0792 220.5486,89.1802 220.5026,89.2812 C220.4566,89.3832 220.4086,89.4722 220.3576,89.5512 C220.3066,89.6292 220.2486,89.6912 220.1846,89.7372 C220.1206,89.7842 220.0466,89.8062 219.9636,89.8062 L216.7856,89.8062 L215.3886,96.7452 C215.3516,96.9382 215.3196,97.1552 215.2916,97.3942 C215.2646,97.6352 215.2506,97.8332 215.2506,97.9892 C215.2506,98.4592 215.3496,98.8032 215.5476,99.0182 C215.7456,99.2352 216.0666,99.3442 216.5086,99.3442 C216.7566,99.3442 216.9736,99.3232 217.1586,99.2812 C217.3416,99.2402 217.5006,99.1962 217.6346,99.1502 C217.7686,99.1042 217.8856,99.0602 217.9876,99.0182 C218.0886,98.9772 218.1756,98.9572 218.2496,98.9572 C218.3236,98.9572 218.3806,98.9822 218.4226,99.0332 C218.4636,99.0832 218.4846,99.1782 218.4846,99.3162 C218.4846,99.4352 218.4736,99.5672 218.4506,99.7102 C218.4266,99.8522 218.3976,99.9932 218.3606,100.1322 C218.3236,100.2692 218.2776,100.3942 218.2226,100.5052 C218.1666,100.6152 218.1066,100.7032 218.0426,100.7672 C217.9686,100.8322 217.8586,100.8962 217.7106,100.9612 C217.5636,101.0252 217.3926,101.0832 217.1996,101.1342 C217.0056,101.1842 216.8006,101.2232 216.5836,101.2512 C216.3686,101.2782 216.1536,101.2932 215.9416,101.2932 C215.4256,101.2932 214.9786,101.2372 214.6006,101.1272 C214.2226,101.0162 213.9056,100.8442 213.6476,100.6082 C213.3886,100.3732 213.1986,100.0792 213.0736,99.7232 C212.9496,99.3692 212.8866,98.9432 212.8866,98.4452 C212.8866,98.3352 212.8916,98.2132 212.9006,98.0792 C212.9106,97.9452 212.9256,97.8052 212.9496,97.6572 C212.9716,97.5102 212.9956,97.3622 213.0186,97.2152 C213.0406,97.0672 213.0666,96.9302 213.0946,96.8012 L214.4906,89.8062 L212.7626,89.8062 C212.6616,89.8062 212.5826,89.7762 212.5276,89.7172 C212.4726,89.6572 212.4446,89.5392 212.4446,89.3642 C212.4446,89.2352 212.4586,89.0862 212.4866,88.9152 C212.5136,88.7452 212.5556,88.5862 212.6106,88.4382 C212.6656,88.2912 212.7376,88.1672 212.8256,88.0652 C212.9116,87.9642 213.0156,87.9132 213.1356,87.9132 L214.8766,87.9132 L215.4716,84.9552 C215.4806,84.8902 215.5106,84.8312 215.5616,84.7752 C215.6126,84.7202 215.6836,84.6722 215.7756,84.6302 C215.8686,84.5892 215.9906,84.5592 216.1416,84.5402 C216.2936,84.5222 216.4806,84.5132 216.7026,84.5132 C216.9226,84.5132 217.1046,84.5222 217.2476,84.5402 C217.3906,84.5592 217.5006,84.5892 217.5786,84.6302 C217.6576,84.6722 217.7076,84.7202 217.7316,84.7752 C217.7546,84.8312 217.7616,84.8902 217.7516,84.9552 L217.1586,87.9132 L220.3366,87.9132 C220.4756,87.9132 220.5676,87.9642 220.6136,88.0652 C220.6596,88.1672 220.6826,88.2812 220.6826,88.4102" id="Fill-56" fill="#9C9C9C"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
--- a/src/index.html
+++ b/src/index.html
@ -6,6 +6,8 @@
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <link href="https://fonts.googleapis.com/css?family=Open+Sans|Staatliches&display=swap" rel="stylesheet">
+  <link rel="stylesheet" type="text/css" href="//use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"> 
 </head>
 <body>
  <app-root></app-root>
--- a/src/styles.scss
+++ b/src/styles.scss
@ -1 +1,17 @@
 /* You can add global styles to this file, and also import other style files */
+body, html {
+    margin: 0;
+}
+
+body {
+    font-family: 'Open Sans', sans-serif;
+    background: repeating-linear-gradient(
+        45deg,
+        #ff3641 ,
+        #ff3641 60px,
+        #5998c5 60px,
+        #5998c5 120px,
+        #ffca3a 120px,
+        #ffca3a 180px,
+    );
+}