Feature/343 storyenter display (#348)

* update home page * ? * modified style * Changed titles's css * revert changes * revert * revert * update css Co-authored-by: ste519 <[email protected]>
instedd · Sep 29, 2020 · afdb093 · afdb093
1 parent 40ccc2f
commit afdb093
Showing 1 changed file with 8 additions and 30 deletions.
diff --git a/frontend/src/routes/Home/styles.module.css b/frontend/src/routes/Home/styles.module.css
@@ -30,7 +30,7 @@
     background-color: rgba(0, 0, 0, 0.7);
 }
 
-.textarea .MuiInputBase-root .MuiOutlinedInput-notchedOutline {
+.textarea .MuiInputBase-root .MuiOutlinedInput-notchedOutline{
     border-color: "red!important";
 }
 
@@ -39,19 +39,20 @@
     font-weight: 900;
     text-transform: capitalize;
     text-align: left;
-    font-size: 2.58vw;
+    font-size: 2.5rem;
     padding-top: 0px;
     padding-bottom: 0px!important;
     margin-bottom: 1px;
 }
 
 .home p {
-    font-style: italic;
+    color: #ffffff80;
+    font-size: 1rem;
 }
 
 .home {
-    width: 25%;
-    padding-left: 5vw;
+    width: 30%;
+    padding-left: 4rem;
     text-align: left;
     margin: auto 0;
     display: flex;
@@ -60,20 +61,11 @@
     align-self: self-start;
 }
 
-.home p {
-    color: #b3b3b3;
-    font-size: 0.8vw;
-    line-height: 1.4vw;
-    font-weight: 100;
-    font-family: 'Roboto', sans-serif;
-    text-align: justify;
-}
-
 .background {
     position: absolute;
-    background: #0000009f;
+    background: #00000082;
     height: 100vh;
-    width: calc( 25% + 10vw);
+    width: calc( 30% + 8rem);
     top: 0;
     left: 0;
     z-index: -1;
@@ -118,13 +110,6 @@
         align-self: center;
         padding: 0;
     }
-    .home h1 {
-        font-size: 8.25vw;
-    }
-    .home p {
-        font-size: 2.6vw;
-        line-height: 4.8vw;
-    }
 }
 
 @media (max-width: 480px) {
@@ -138,13 +123,6 @@
     .btnGroup button {
         width: 180px !important
     }
-    .home h1 {
-        font-size: 10.3vw;
-    }
-    .home p {
-        font-size: 3.5vw;
-        line-height: 6.2vw;
-    }
 }
 
 .hidden {