flairing up website

html/css/styles.css

@@ -0,0 +1,25 @@
+html {
+    height: 100%;
+    margin: 0;
+}
+
+body {
+    font-family: "Times New Roman", Times, serif;
+    display: flex;
+
+    background-image: linear-gradient(to bottom, aqua, blue);
+
+    /*background-image: url("../img/background.png");
+    background-size: cover;*/
+}
+
+p {
+    color: black;
+}
+
+h1,
+h2,
+h3,
+h4 {
+    color: black;
+}

html/index.html

@@ -10,10 +10,21 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>AF</title>
         <link rel="icon" type="img/x-icon" href="img/favicon.ico" />
+        <link rel="stylesheet" href="css/styles.css" />
     </head>
+        <h1> Welcome </h1>
 
+        <h2> whoami?</h2>
+        <p>Hi im Adam</p>
 
-        <h1>Shrines</h1>
+        <h2> </h2>
+        <p>
+            <!--Sometimes there's this fire that sends shivers down my back.
+            It'll come when I'm lis-->
+
+        </p>
+
+        <h2>Shrines</h1>
         <a href="shrines/evangelion.html">Evangelion</a>
         <a href="shrines/skipskipbenben.html">Skip skip ben ben</a>
         <a href="shrines/gto.html">GTO</a>