website style and circuits art

client/styles/main.scss

@@ -199,7 +199,9 @@ footer {
 
         padding: 6rem 0;
 
-        background: #f0f0f0;
+        background: #ecffe3;
+        // circuit color
+        // background: #a6ce94;
 
         flex-wrap: wrap;
 
@@ -212,6 +214,13 @@ footer {
             top: 0;
             width: 100%;
             height: 100%;
+
+            padding-top: 6rem;
+
+            canvas {
+                width: 100%;
+                height: 100%;
+            }
         }
 
         .logo {
@@ -228,7 +237,7 @@ footer {
         }
 
         .whats-phc {
-            background: #e0e0e0;
+            background: #e4c5ff;
 
             border: 4px solid #222;
             border-radius: 8px;
@@ -358,7 +367,7 @@ footer {
     }
 
     section.projects {
-        background: #ccf5ce;
+        background: #f5f2cc;
 
         padding-bottom: 6rem;
 
@@ -373,7 +382,7 @@ footer {
 
             .project {
                 // background: #fcddff;
-                background: #f5cecc;
+                background: #ffa89c;
                 color: #000e;
 
                 border: 3px solid #222;