added images, videos, and additional layout edit

portfolio/portfolio.css

@@ -21,18 +21,34 @@ main {
 }
 .right {
     margin-top: 2em;
-    margin-left: 40em;
+    margin-left: 20em;
     border-top-left-radius: 10em;
     border-bottom-left-radius: 10em;
-    padding-left: 2.5em;
+    padding-left: 5em;
+    padding-bottom: 1em;
 }
 
 .left {
     margin-top: 2em;
-    margin-right: 40em;
+    margin-right: 20em;
     border-top-right-radius: 10em;
     border-bottom-right-radius: 10em;
     padding-left: 0.5em;
+    padding-bottom: 1em;
+}
+
+.project > img {
+    border-radius: 1em;
+    max-width: 50em;
+    float: left;
+    margin-right: 1em;
+}
+
+.project > video {
+    max-width: 50em;
+    float: left;
+    border-radius: 1em;
+    margin-right: 1em;
 }
 
 #ardent {

portfolio/portfolio.html

@@ -33,19 +33,21 @@
 
         <section class="project left">
             <h1 class="title">Ardent</h1>
-            <img src=""/>
+            <video controls alt="An image of the project site">
+                <source src="assets/videos/portfolio/ardent.mp4" type="video/mp4"/>
+            </video>
             <p class="description">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facere, odit aut quod quam dolores fuga dolor illum neque, sunt laboriosam consequuntur harum, assumenda id soluta aliquid dolorum ullam deleniti vero.</p>
         </section>
         
         <section class="project right">
             <h1 class="title">Efron's Dice</h1>
-            <img src=""/>
+            <img src="assets/images/portfolio/efron.png" alt="An image of the output of the project script"/>
             <p class="description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo commodi eveniet porro hic saepe ratione adipisci soluta consectetur voluptates id, asperiores voluptatum fugiat reiciendis impedit quasi quae aliquam? Atque, ipsum!</p>
         </section>
 
         <section class="project left">
             <h1 class="title">Portfolio Website</h1>
-            <img src=""/>
+            <img src="assets/images/portfolio/website.png" alt="An image of the project site"/>
             <p class="description">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facere, odit aut quod quam dolores fuga dolor illum neque, sunt laboriosam consequuntur harum, assumenda id soluta aliquid dolorum ullam deleniti vero.</p>
         </section>
     </main>