started text

css/style.css

@@ -1,19 +1,24 @@
 body {
   margin: 0;
   padding: 0;
-  height: 200vh;
+  position: relative;
 }
 
 header {
   position: fixed;
-  display: flex;
   width: 100%;
-  justify-content: space-between;
   padding: 15px;
+  top: 0;
+  left: 0;
+
+  display: flex;
+  justify-content: space-between;
+  z-index: 100;
 
   box-sizing: border-box;
-
   box-shadow: 0 10px 10px lightblue;
+
+  background-color: white;
 }
 
 header > img {
@@ -77,3 +82,36 @@ nav {
   gap: 20px;
   justify-content: space-between;
 }
+
+main {
+  margin-top: 100px;
+}
+
+table {
+  border: 1px solid black;
+  border-collapse: collapse;
+  gap: 0;
+}
+
+td {
+  width: 33%;
+}
+
+td,
+th {
+  border: 1px solid black;
+  padding: 0;
+  text-align: center;
+}
+
+td.great {
+  background-color: green;
+}
+
+td.sad {
+  background-color: red;
+}
+
+td.ok {
+  background-color: yellow;
+}