diff --git a/src/styles/loader.css b/src/styles/loader.css
index fece98b..31ede00 100644
--- a/src/styles/loader.css
+++ b/src/styles/loader.css
@@ -1,3 +1,6 @@
+:root {
+  --columns: 12;
+}
 /* original from https://loading.io/css/ */
 
 .lds-ripple {
@@ -31,4 +34,22 @@
     height: 72px;
     opacity: 0;
   }
-}
\ No newline at end of file
+}
+
+
+
+.loader-container{
+  display: grid;
+}
+
+.loader-content{
+  grid-area: 1 / 1;
+}
+
+.loader-overlay{
+  grid-area: 1 / 1;
+  /* background-color: rgba(127, 127, 127, 0.5);
+  border: 10px solid red; */
+  /* justify-self: stretch;
+  align-self: stretch; */
+}