Added the table styling

src/css/general.css

@@ -0,0 +1,22 @@
+body{
+    /* Positioning */
+    margin: 0;
+
+    /* Font */
+    font-family: 'Roboto', sans-serif;
+
+    /* Background */
+    background-color: white;
+    background-image: url("https://git.intermate.nl/CIE_plus_plus/resources/raw/branch/main/images/balls.svg");
+    background-repeat: repeat;
+    background-size: cover;
+}
+
+h1{
+    font-size: 40px;
+    font-weight: normal;
+}
+
+a{
+    color: var(--intermate-red);
+}

src/css/table.css

@@ -0,0 +1,42 @@
+/* Table styling */
+/* - Use the class "totals" to give a cell or row some different styling */
+/* - Use the class "icon" to center an icon in the cell, make sure the icon has the class "icon" */
+table{
+    width: 100%;
+    border-collapse: collapse;
+
+    text-align: left;
+
+    background-color: white;
+
+    border-radius: 10px;
+    overflow: hidden;
+}
+
+tr.totals, th.totals, td.totals{
+    background: #efefef;
+}
+
+th, td{
+    padding: 10px;
+}
+
+th.iconCell, td.iconCell{
+    text-align: center;
+}
+
+th.iconCell > .icon, td.iconCell > .icon{
+    font-size: 15px;
+    width: 15px;
+    padding: 8px;
+    border-radius: 50%;
+    background-color: var(--just-blue);
+    color: white;
+
+    cursor: pointer;
+}
+
+th{
+    background: var(--just-blue);
+    color: white;
+}