Add css for Droplet component

components/TheDroplet.vue

 <template>
-  <section>
-    <h1>Hi, John!</h1>
+  <section class="droplet-section">
+    <h1 class="greeting">Hi, <span>John</span>!</h1>
     <p class="goal">
       1000 / 2500 ml
     </p>
@@ -15,6 +15,22 @@
 
 </script>
 
-<style scoped>
+<style scoped lang="scss">
+.droplet-section {
+  height: 700px;
+  margin-bottom: 150px;
+}
 
+.greeting {
+  font-size: 3em;
+  text-shadow: 0 5px 7px #222;
+
+  span {
+    color: #70B5E7;
+  }
+}
+
+.goal {
+  font-size: 2em;
+}
 </style>