Added files to cad subtab

Author: John-Cams

css/main.css

@@ -106,4 +106,18 @@ html, body {
 
 h1{
     margin:0;
+}
+
+.row{
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+}
+
+.column{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
 }

index.html

@@ -79,11 +79,11 @@ <h1>THE NERD HERD</h1>
         </header>
         <div class="body">
             <div id="impact-video-div">
-                <div style="position: relative; width: 100%; height: 0; padding-top: 66.6667%;
-                    padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 0.5em; margin-bottom: 0.5em; overflow: hidden;
+                <div style="position: relative; width: 100%; height: 0; padding-top: 56.2500%;
+                    padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
                     border-radius: 8px; will-change: transform;">
                     <iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
-                        src="https://www.canva.com/design/DAG_8KEVX0Q/e25JEM_hMQCnLP3e9DS9KA/watch?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
+                        src="https://www.canva.com/design/DAHB-4XpkQw/03zBvOqkmuZ1hk_QZsMsig/watch?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
                     </iframe>
                 </div>
             </div>

teams/cad.html

@@ -71,9 +71,29 @@
             </div>
         </header>
         <div class="body">
-            
-
-            
+            <div class="row">
+                <div style="position: relative; width: 30%; height: 10px; padding-top: 40%;
+                padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
+                border-radius: 8px; will-change: transform; margin:2px">
+                    <iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
+                        src="https://www.canva.com/design/DAG4ul-pqvQ/chR298NRZbBCn08hftR03w/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
+                    </iframe>
+                </div>
+                <div style="position: relative; width: 30%; height: 10px; padding-top: 40%;
+                padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
+                border-radius: 8px; will-change: transform; margin:2px">
+                    <iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
+                        src="https://www.canva.com/design/DAGgud-nt5E/qRUxOtr0Ptd8tcJ7GeV_lQ/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
+                    </iframe>
+                </div>
+                <div style="position: relative; width: 30%; height: 10px; padding-top: 40%;
+                padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
+                border-radius: 8px; will-change: transform; margin:2px">
+                    <iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
+                        src="https://www.canva.com/design/DAGhq_kCOYA/_b1xcJxEMHb7KNm9G4m_0A/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
+                    </iframe>
+                </div>
+            </div>
 
 
         </div>