loading bar

drcmda · Sep 8, 2019 · 8c43b72 · 8c43b72
1 parent dc8b5ac
commit 8c43b72
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/src/App.js b/src/App.js
@@ -73,6 +73,7 @@ function Loading() {
 export default function App() {
   return (
     <>
+      <div className="bg" />
       <h1>
         LEARN
         <br />

diff --git a/src/styles.css b/src/styles.css
@@ -1,6 +1,7 @@
 html,
 body,
 #root,
+.bg,
 canvas {
   margin: 0;
   padding: 0;
@@ -9,6 +10,11 @@ canvas {
 }
 
 body {
+  background: #171717;
+}
+
+.bg {
+  position: absolute;
   background: radial-gradient(at 50% 100%, #873740 0%, #272730 40%, #171720 80%, #070710 100%);
 }
 
@@ -42,14 +48,14 @@ h1 {
   font-family: 'Josefin Sans', sans-serif;
   font-weight: 800;
   font-size: 10em;
-  transform: translate3d(-50%,0,0);
+  transform: translate3d(-50%, 0, 0);
   margin: 0;
   color: #cc7b32;
   line-height: 0.9em;
   letter-spacing: -5px;
   text-align: center;
 }
-  
+
 h1 > span {
   white-space: pre;
 }
@@ -99,15 +105,15 @@ span.header-left {
 
 @media only screen and (max-width: 1000px) {
   h1 {
-    transform: translate3d(-50%,0,0);
+    transform: translate3d(-50%, 0, 0);
     font-size: 8em;
     letter-spacing: -5px;
   }
 }
 
 @media only screen and (max-width: 500px) {
   h1 {
-    transform: translate3d(-50%,0%,0);
+    transform: translate3d(-50%, 0%, 0);
     font-size: 4em;
     letter-spacing: -5px;
   }