add box

src/App.vue

@@ -60,6 +60,7 @@ footer {
   margin-top: 16px;
   border-radius: 16px;
   padding: 0 24px 12px 24px;
+  box-shadow: rgba(0, 0, 0) 0px 4px 10px;
 }
 
 #pomodoro {

src/components/Infos.vue

@@ -18,7 +18,7 @@
       </div>
       <div id="btn">
         <button @click="getNewWordEveryday" id="fetch">
-          Learn another word
+          Générer un mot
         </button>
       </div>
     </div>
@@ -114,6 +114,7 @@ export default {
   color: white;
   max-height: 320px;
   overflow: auto;
+  box-shadow: rgba(0, 0, 0) 0px 4px 10px;
 }
 
 #date-time {
@@ -136,6 +137,7 @@ export default {
   font-size: 24px;
   font-weight: bold;
   margin-bottom: 8px;
+  color: #b4c2ff;
 }
 
 #definition {

src/components/Pomodoro.vue

@@ -203,6 +203,7 @@ export default {
   margin-right: 16px;
   min-height: 260px;
   max-height: 330px;
+  box-shadow: rgba(0, 0, 0) 0px 4px 10px;
 }
 
 #container {