détail d'une session de l'edt en cours

front_end/src/index.css

@@ -4,6 +4,7 @@
   --tint2: #16181d; /* 10% */
   --tint3: #21252b; /* 15% */
   --tint4: #2c313a; /* 20% */
+  --tint5: #373d48; /* 25% */
 
 
   --text: #FFFFFF;
@@ -20,6 +21,7 @@
   --tint2: #e8e4e3; /* 90% */
   --tint3: #ddd6d5; /* 85% */
   --tint4: #d2c8c6; /* 80% */
+  --tint5: #c6bab8; /* 75% */
 
   --text: #000000;
   --text2:#FFFFFF;
@@ -45,3 +47,23 @@ code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;
 }
+
+.modal{
+  background-color: var(--tint2);
+  padding: 10px;
+  border-radius: 20px;
+  min-width: 200px;
+  min-height: 100px;
+}
+
+.loading{
+  width: 24px;
+  height: 24px;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}