upd

client/src/index.css

@@ -1,4 +1,3 @@
-/* @import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;600&display=swap"); */
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap");
 
 @tailwind base;
@@ -6,11 +5,12 @@
 @tailwind utilities;
 
 body {
-  /* font-family: "Manrope", sans-serif; */
   font-family: "Inter", sans-serif;
   color: #111c26;
 }
 
+/* Scrollbar */
+
 *::-webkit-scrollbar {
   width: 8px;
 }
@@ -25,6 +25,8 @@ body {
   border-width: 2px;
 }
 
+/* Transition */
+
 .entering {
   opacity: 1;
 }
@@ -40,3 +42,17 @@ body {
 .exited {
   opacity: 0;
 }
+
+/* DatePicker */
+
+.react-datepicker {
+  font-family: inherit !important;
+}
+
+.react-datepicker__day--selected {
+  background-color: #49a1f5 !important;
+}
+
+.react-datepicker__day--selected:hover {
+  background-color: #4190db !important;
+}