fixed grid layout, started texturing title, started using reset sheet

added gradient to background of text, started working on adding a noise texture, reworked grid again (this time its final, it is fully working now!!), got reset sheet working.

also added reference image of website plan

Mainpage.css

@@ -1,3 +1,5 @@
+@import url("reset.css");
+
 @font-face{
     font-family:"roboto";
     font-weight: 100;
@@ -5,45 +7,34 @@
 }
 
 *{
-    color: #ffffff;
+    color: #FCC42F;
     font-family: "roboto";
+
 }
 
 body{
+    margin: 20;
     background-color: #221A0F;
+    max-height: 100rem;
+    display: grid;
+    grid-template-columns: repeat(12, 1fr);
+    grid-template-rows: repeat(10, 1fr);
+    gap: 1%;
 }
 
+
 h1{
-    font-size: 50;
+    font-size: 500%;
+    padding-left: 6;
     background-color: #ffa500;
-    margin-top: 120px;
-    margin-left: 30px;
+    background: radial-gradient(#E39823 40%, #8D5001);
+    border-radius: 5px;
+    /*url("C:/Users/Nye/Documents/GitHub/Portfolio-Site/Images/NoiseFilter.png");*/
+    grid-column-start: 1;
+    grid-column-end: 5;
+    grid-row-start: 2;
+    grid-row-end: 4;
 }
 
-div *{
-    background-color: #ffa500;
-}
 
-.row::after {
-    clear: both;
-    display: table;
-}
 
-[class*="col-"] {
-    float: left;
-    padding: 15px;
-}
-
-/* columns:
-col-1 = leftmost gutter
-col-2 = first column
-col-4 = second column
-col-6 = last column
-col-3, 5, 7 = gutters*/
-.col-1{width: 6.25%;}
-.col-2{width: 31.25%;}
-.col-3{width: 37.5%;}
-.col-4{width: 62.5%;}
-.col-5{width: 68.75%;}
-.col-6{width: 93.75;}
-.col-7{width: 100%}