Add PC section with corresponding image. Add imgs/ directory.

index.html

@@ -32,6 +32,18 @@
 					</p>
 				</section>
 				<!----====INTRO END====---->
+				<section class="pc">
+					<img src="imgs/PC.jpg"
+						 alt="Close up view of a watercooled CPU">
+					<p>
+						I built my computer that I use day in and day out, including
+						the custom watercooling loop that cools the CPU, with plans
+						to include the graphics card in the loop later down the road.
+						It's always a fun challenge to maintain the cooling system
+						and make further additions to the system that has been a 
+						work in progress for the past three years.
+					</p>
+				</section>
 			</div>
 			<!----====MAIN CONTENT END====---->
 		</div>

style.css

@@ -50,6 +50,26 @@ body {
 }
 
 .main-content {
-	width: 100%;
-	padding: 15vh, 30vw;
+	padding: 10vh 20vw;
+	overflow: hidden;
 }
+
+.intro {
+	text-align: center;
+	bottom margin: 20vh;
+}
+
+.pc {
+	margin: 20vh 0;
+	width: 100%;	
+	text-align: left;
+}
+
+.pc img {
+	display: block;
+	max-width: 10vw;
+	object-fit: contain;
+	object-position: right;
+	padding-left: 3vw;
+}
+