diff --git a/src/App.vue b/src/App.vue
index 1d6fa53..1228395 100644
--- a/src/App.vue
+++ b/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 {
diff --git a/src/components/Infos.vue b/src/components/Infos.vue
index a2dd3fe..cbd3f98 100644
--- a/src/components/Infos.vue
+++ b/src/components/Infos.vue
@@ -18,7 +18,7 @@
@@ -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 {
diff --git a/src/components/Pomodoro.vue b/src/components/Pomodoro.vue
index abdf78d..88d98f7 100644
--- a/src/components/Pomodoro.vue
+++ b/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 {