Anchor and body css moved to Home.css

src/components/css/Home.css

@@ -5,28 +5,52 @@
 }
 
 .theater-bg {
-    height: 94vh;
+    height: 94.6vh;
     width:100vw;
-    background-size: 110vw;
+    background-size: cover;
     background-image: url('../../img/background.webp');
-    filter: blur(8px);
-    -webkit-filter: blur(8px);
+    filter: blur(2px);
+    -webkit-filter: blur(2px);
     z-index:0;
     grid-area: inner-div;
 }
 
 .theater-content {
+    display:flex;
+    flex-direction: column;
     text-shadow: 0px 0px 2px black;
     text-align: center;
     z-index:1;
     color: #FAFCF0;
     grid-area: inner-div;
     font-weight:bolder;
+    max-width: 100vw;
+    width:100vw;
+    background: rgba(76, 76, 80, 0.75);
+    align-items: center;
+}
+
+.theater-content p,h1 {
     width: 50vw;
-    line-height: 20px;
-    letter-spacing: 1px;
 }
 
 .theater-content a {
     color: #CFCFBA;
-}
+}
+
+a:link, a:visited {
+    text-decoration: none;
+    cursor: pointer;
+}
+
+body {
+    font-family: Arial, Helvetica, sans-serif;
+    margin:0;
+}
+
+@media only screen and (max-width: 600px) {
+    .theater-content p {
+        width: 80vw;
+    }
+}
+

src/index.css

@@ -1,10 +0,0 @@
-a:link, a:visited {
-    text-decoration: none;
-    color: blue;
-    cursor: pointer;
-}
-
-body {
-    font-family: Arial, Helvetica, sans-serif;
-    margin:0;
-}