Upload css file for sidebar + header

HTML and CSS Files/mainFridgeList.css

+body {
+	width: 100%;
+	height: 100%;
+	margin: 0px;
+}
+
+.listViewHeader {
+  background-color: rgba(40, 40, 40, 1);
+  width: 100vw;
+  color: white;
+  text-align: left;
+}
+.breadcrumbsHead {
+  font-family: "Roboto Bold";
+  font-size: 46px;
+  margin-left: 50px;
+}
+  
+.lowerPage {
+  width: 100vw;
+  display: grid;
+  grid-template-columns: repeat(6, 16.67vw);
+  text-align: left;
+}
+.sidebar {
+  background-color: rgba(196, 196, 196, 1);
+  display: grid;
+  grid-template-rows: repeat(16, 6.25vh);
+  grid-column: 1/2;
+}
+.sideItem {
+  grid-template-columns: repeat(2, 12.5vw);
+  text-align: center;
+  background-color: rgba(104, 104, 104, 1);
+}
+.text {
+  font-family: "Roboto";
+  font-size: 24px;
+  color: white;
+  grid-column: 2/3;
+}
+.icon {
+  grid-column: 1/2;
+}
+.circle {
+  margin: 5px;
+  clip-path: circle();
+  background-color: white;
+}
+.fridge {
+  grid-row: 3/4;
+}
+.recipes {
+  grid-row: 6/7;
+}
+.stats {
+  grid-row: 9/10;
+}
+.toBuy {
+  grid-row: 12/13;
+}
+
+@font-face {
+	font-family: Roboto Bold;
+	src: url(Roboto-Bold.ttf);
+}
+@font-face {
+	font-family: Roboto;
+	src: url(Roboto-Regular.ttf);
+}
\ No newline at end of file