diff --git a/.drone.yml b/.drone.yml
index d7c70e4..fe1c836 100644
--- a/.drone.yml
+++ b/.drone.yml
@@ -1,39 +1,50 @@
-pipeline:
-  setup:
+---
+kind: pipeline
+type: docker
+name: defult
+
+steps:
+  - name: setup
     image: node:10
     when:
       event: push
     commands:
       - yarn
-  lint:
+
+  - name: lint
     image: node:10
     when:
       event: push
-    group: testing
+    depends_on: [setup]
     commands:
       - yarn lint
-  build:
+
+  - name: build
     image: node:10
     when:
       event: push
       branch:
-        exclude: [ master ]
-    group: testing
+        exclude: [master]
+    depends_on: [setup]
     commands:
       - yarn build
-  docker:
+
+  - name: docker
     image: plugins/docker
     when:
       branch:
         - master
       event: push
       status: success
-    registry: https://registry.webkom.dev
-    repo: registry.webkom.dev/webkom/office-dashboard
-    secrets: [ docker_username, docker_password ]
-    tags:
-      - ${DRONE_BRANCH}-${DRONE_COMMIT_SHA:0:7}
-      - latest
-    build_args:
-      - RELEASE=${DRONE_BRANCH}-${DRONE_COMMIT_SHA:0:7}
-
+    settings:
+      registry: https://registry.webkom.dev
+      repo: registry.webkom.dev/webkom/office-dashboard
+      username:
+        from_secret: docker_username
+      password:
+        from_secret: docker_password
+      tags:
+        - ${DRONE_BRANCH}-${DRONE_COMMIT_SHA:0:7}
+        - latest
+      build_args:
+        - RELEASE=${DRONE_BRANCH}-${DRONE_COMMIT_SHA:0:7}
diff --git a/src/components/Dashboard/index.js b/src/components/Dashboard/index.js
index 372c623..db60bee 100644
--- a/src/components/Dashboard/index.js
+++ b/src/components/Dashboard/index.js
@@ -47,6 +47,11 @@ export class DashboardGrid extends Component {
 
     return (
       <div className={classes.root}>
+        {Array(50)
+          .fill()
+          .map(i => (
+            <div key={i} className="snowflake" />
+          ))}
         <Grid
           container
           justify="center"
diff --git a/src/index.css b/src/index.css
index e16863c..5d523de 100644
--- a/src/index.css
+++ b/src/index.css
@@ -21,3 +21,477 @@ code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;
 }
+
+.snowflake {
+  --size: 1vw;
+  width: var(--size);
+  height: var(--size);
+  background: #;
+  border-radius: 50%;
+  position: absolute;
+  top: -5vh;
+  z-index: 10000;
+}
+
+@keyframes snowfall {
+  0% {
+    transform: translate3d(var(--left-ini), 0, 0);
+  }
+  100% {
+    transform: translate3d(var(--left-end), 110vh, 0);
+  }
+}
+.snowflake:nth-child(1) {
+  --size: 0.6vw;
+  --left-ini: -2vw;
+  --left-end: 0vw;
+  left: 75vw;
+  animation: snowfall 12s linear infinite;
+  animation-delay: -2s;
+}
+
+.snowflake:nth-child(2) {
+  --size: 0.6vw;
+  --left-ini: 4vw;
+  --left-end: 8vw;
+  left: 60vw;
+  animation: snowfall 12s linear infinite;
+  animation-delay: -8s;
+}
+
+.snowflake:nth-child(3) {
+  --size: 1vw;
+  --left-ini: 0vw;
+  --left-end: 10vw;
+  left: 72vw;
+  animation: snowfall 18s linear infinite;
+  animation-delay: -5s;
+}
+
+.snowflake:nth-child(4) {
+  --size: 0.2vw;
+  --left-ini: -1vw;
+  --left-end: -7vw;
+  left: 1vw;
+  animation: snowfall 11s linear infinite;
+  animation-delay: -5s;
+}
+
+.snowflake:nth-child(5) {
+  --size: 0.4vw;
+  --left-ini: 2vw;
+  --left-end: -1vw;
+  left: 70vw;
+  animation: snowfall 14s linear infinite;
+  animation-delay: -3s;
+}
+
+.snowflake:nth-child(6) {
+  --size: 0.4vw;
+  --left-ini: -3vw;
+  --left-end: 5vw;
+  left: 75vw;
+  animation: snowfall 16s linear infinite;
+  animation-delay: -4s;
+}
+
+.snowflake:nth-child(7) {
+  --size: 1vw;
+  --left-ini: -7vw;
+  --left-end: -1vw;
+  left: 81vw;
+  animation: snowfall 14s linear infinite;
+  animation-delay: -9s;
+}
+
+.snowflake:nth-child(8) {
+  --size: 0.8vw;
+  --left-ini: 1vw;
+  --left-end: -9vw;
+  left: 70vw;
+  animation: snowfall 14s linear infinite;
+  animation-delay: -1s;
+}
+
+.snowflake:nth-child(9) {
+  --size: 0.2vw;
+  --left-ini: 9vw;
+  --left-end: -1vw;
+  left: 91vw;
+  animation: snowfall 20s linear infinite;
+  animation-delay: -6s;
+}
+
+.snowflake:nth-child(10) {
+  --size: 0.6vw;
+  --left-ini: -5vw;
+  --left-end: 0vw;
+  left: 76vw;
+  animation: snowfall 18s linear infinite;
+  animation-delay: -1s;
+}
+
+.snowflake:nth-child(11) {
+  --size: 1vw;
+  --left-ini: 2vw;
+  --left-end: -4vw;
+  left: 14vw;
+  animation: snowfall 15s linear infinite;
+  animation-delay: -1s;
+}
+
+.snowflake:nth-child(12) {
+  --size: 1vw;
+  --left-ini: 10vw;
+  --left-end: -1vw;
+  left: 33vw;
+  animation: snowfall 14s linear infinite;
+  animation-delay: -8s;
+}
+
+.snowflake:nth-child(13) {
+  --size: 0.8vw;
+  --left-ini: -8vw;
+  --left-end: 1vw;
+  left: 18vw;
+  animation: snowfall 14s linear infinite;
+  animation-delay: -3s;
+}
+
+.snowflake:nth-child(14) {
+  --size: 0.2vw;
+  --left-ini: 5vw;
+  --left-end: 5vw;
+  left: 68vw;
+  animation: snowfall 13s linear infinite;
+  animation-delay: -6s;
+}
+
+.snowflake:nth-child(15) {
+  --size: 1vw;
+  --left-ini: -7vw;
+  --left-end: -9vw;
+  left: 33vw;
+  animation: snowfall 17s linear infinite;
+  animation-delay: -6s;
+}
+
+.snowflake:nth-child(16) {
+  --size: 0.6vw;
+  --left-ini: -5vw;
+  --left-end: -1vw;
+  left: 51vw;
+  animation: snowfall 19s linear infinite;
+  animation-delay: -8s;
+}
+
+.snowflake:nth-child(17) {
+  --size: 1vw;
+  --left-ini: 4vw;
+  --left-end: 7vw;
+  left: 72vw;
+  animation: snowfall 11s linear infinite;
+  animation-delay: -3s;
+}
+
+.snowflake:nth-child(18) {
+  --size: 0.2vw;
+  --left-ini: 8vw;
+  --left-end: -6vw;
+  left: 24vw;
+  animation: snowfall 13s linear infinite;
+  animation-delay: -2s;
+}
+
+.snowflake:nth-child(19) {
+  --size: 0.8vw;
+  --left-ini: 10vw;
+  --left-end: -6vw;
+  left: 71vw;
+  animation: snowfall 17s linear infinite;
+  animation-delay: -10s;
+}
+
+.snowflake:nth-child(20) {
+  --size: 0.6vw;
+  --left-ini: 10vw;
+  --left-end: 2vw;
+  left: 68vw;
+  animation: snowfall 20s linear infinite;
+  animation-delay: -5s;
+}
+
+.snowflake:nth-child(21) {
+  --size: 0.4vw;
+  --left-ini: -4vw;
+  --left-end: 10vw;
+  left: 82vw;
+  animation: snowfall 18s linear infinite;
+  animation-delay: -6s;
+}
+
+.snowflake:nth-child(22) {
+  --size: 0.4vw;
+  --left-ini: 0vw;
+  --left-end: 9vw;
+  left: 66vw;
+  animation: snowfall 15s linear infinite;
+  animation-delay: -4s;
+}
+
+.snowflake:nth-child(23) {
+  --size: 0.8vw;
+  --left-ini: 1vw;
+  --left-end: 9vw;
+  left: 95vw;
+  animation: snowfall 11s linear infinite;
+  animation-delay: -2s;
+}
+
+.snowflake:nth-child(24) {
+  --size: 0.6vw;
+  --left-ini: 0vw;
+  --left-end: 5vw;
+  left: 6vw;
+  animation: snowfall 17s linear infinite;
+  animation-delay: -5s;
+}
+
+.snowflake:nth-child(25) {
+  --size: 0.2vw;
+  --left-ini: 7vw;
+  --left-end: -5vw;
+  left: 34vw;
+  animation: snowfall 20s linear infinite;
+  animation-delay: -2s;
+}
+
+.snowflake:nth-child(26) {
+  --size: 1vw;
+  --left-ini: -2vw;
+  --left-end: 5vw;
+  left: 65vw;
+  animation: snowfall 12s linear infinite;
+  animation-delay: -5s;
+}
+
+.snowflake:nth-child(27) {
+  --size: 0.4vw;
+  --left-ini: 7vw;
+  --left-end: -8vw;
+  left: 26vw;
+  animation: snowfall 20s linear infinite;
+  animation-delay: -6s;
+}
+
+.snowflake:nth-child(28) {
+  --size: 0.4vw;
+  --left-ini: 2vw;
+  --left-end: -4vw;
+  left: 96vw;
+  animation: snowfall 17s linear infinite;
+  animation-delay: -2s;
+}
+
+.snowflake:nth-child(29) {
+  --size: 0.2vw;
+  --left-ini: -8vw;
+  --left-end: 7vw;
+  left: 87vw;
+  animation: snowfall 20s linear infinite;
+  animation-delay: -3s;
+}
+
+.snowflake:nth-child(30) {
+  --size: 0.8vw;
+  --left-ini: 1vw;
+  --left-end: 1vw;
+  left: 69vw;
+  animation: snowfall 11s linear infinite;
+  animation-delay: -4s;
+}
+
+.snowflake:nth-child(31) {
+  --size: 0.4vw;
+  --left-ini: 10vw;
+  --left-end: -8vw;
+  left: 69vw;
+  animation: snowfall 19s linear infinite;
+  animation-delay: -3s;
+}
+
+.snowflake:nth-child(32) {
+  --size: 0.2vw;
+  --left-ini: -5vw;
+  --left-end: 6vw;
+  left: 84vw;
+  animation: snowfall 12s linear infinite;
+  animation-delay: -5s;
+}
+
+.snowflake:nth-child(33) {
+  --size: 1vw;
+  --left-ini: -7vw;
+  --left-end: -5vw;
+  left: 8vw;
+  animation: snowfall 12s linear infinite;
+  animation-delay: -5s;
+}
+
+.snowflake:nth-child(34) {
+  --size: 0.4vw;
+  --left-ini: 4vw;
+  --left-end: 7vw;
+  left: 5vw;
+  animation: snowfall 20s linear infinite;
+  animation-delay: -4s;
+}
+
+.snowflake:nth-child(35) {
+  --size: 0.4vw;
+  --left-ini: 7vw;
+  --left-end: -1vw;
+  left: 12vw;
+  animation: snowfall 11s linear infinite;
+  animation-delay: -2s;
+}
+
+.snowflake:nth-child(36) {
+  --size: 1vw;
+  --left-ini: 2vw;
+  --left-end: 4vw;
+  left: 41vw;
+  animation: snowfall 17s linear infinite;
+  animation-delay: -5s;
+}
+
+.snowflake:nth-child(37) {
+  --size: 0.2vw;
+  --left-ini: 5vw;
+  --left-end: 5vw;
+  left: 28vw;
+  animation: snowfall 17s linear infinite;
+  animation-delay: -9s;
+}
+
+.snowflake:nth-child(38) {
+  --size: 0.4vw;
+  --left-ini: 2vw;
+  --left-end: -9vw;
+  left: 90vw;
+  animation: snowfall 13s linear infinite;
+  animation-delay: -10s;
+}
+
+.snowflake:nth-child(39) {
+  --size: 0.2vw;
+  --left-ini: -5vw;
+  --left-end: 10vw;
+  left: 66vw;
+  animation: snowfall 20s linear infinite;
+  animation-delay: -8s;
+}
+
+.snowflake:nth-child(40) {
+  --size: 1vw;
+  --left-ini: -1vw;
+  --left-end: -8vw;
+  left: 87vw;
+  animation: snowfall 19s linear infinite;
+  animation-delay: -7s;
+}
+
+.snowflake:nth-child(41) {
+  --size: 0.2vw;
+  --left-ini: 3vw;
+  --left-end: -9vw;
+  left: 41vw;
+  animation: snowfall 17s linear infinite;
+  animation-delay: -5s;
+}
+
+.snowflake:nth-child(42) {
+  --size: 0.6vw;
+  --left-ini: 5vw;
+  --left-end: 3vw;
+  left: 67vw;
+  animation: snowfall 15s linear infinite;
+  animation-delay: -2s;
+}
+
+.snowflake:nth-child(43) {
+  --size: 0.4vw;
+  --left-ini: -9vw;
+  --left-end: 8vw;
+  left: 1vw;
+  animation: snowfall 15s linear infinite;
+  animation-delay: -7s;
+}
+
+.snowflake:nth-child(44) {
+  --size: 0.6vw;
+  --left-ini: -9vw;
+  --left-end: 0vw;
+  left: 9vw;
+  animation: snowfall 14s linear infinite;
+  animation-delay: -1s;
+}
+
+.snowflake:nth-child(45) {
+  --size: 0.2vw;
+  --left-ini: 2vw;
+  --left-end: -8vw;
+  left: 98vw;
+  animation: snowfall 19s linear infinite;
+  animation-delay: -3s;
+}
+
+.snowflake:nth-child(46) {
+  --size: 0.2vw;
+  --left-ini: -9vw;
+  --left-end: 7vw;
+  left: 87vw;
+  animation: snowfall 20s linear infinite;
+  animation-delay: -5s;
+}
+
+.snowflake:nth-child(47) {
+  --size: 1vw;
+  --left-ini: -3vw;
+  --left-end: 3vw;
+  left: 31vw;
+  animation: snowfall 11s linear infinite;
+  animation-delay: -10s;
+}
+
+.snowflake:nth-child(48) {
+  --size: 1vw;
+  --left-ini: 4vw;
+  --left-end: 9vw;
+  left: 91vw;
+  animation: snowfall 18s linear infinite;
+  animation-delay: -10s;
+}
+
+.snowflake:nth-child(49) {
+  --size: 0.6vw;
+  --left-ini: 10vw;
+  --left-end: -9vw;
+  left: 43vw;
+  animation: snowfall 12s linear infinite;
+  animation-delay: -2s;
+}
+
+.snowflake:nth-child(50) {
+  --size: 0.6vw;
+  --left-ini: 0vw;
+  --left-end: -7vw;
+  left: 92vw;
+  animation: snowfall 14s linear infinite;
+  animation-delay: -2s;
+}
+
+/* added small blur every 6 snowflakes*/
+.snowflake:nth-child(6n) {
+  filter: blur(1px);
+}