added second project gif

index.html

@@ -155,6 +155,12 @@
 				<img src="./docs/projects/fdf_demo.gif"/>
 			</article>
 
+			<article>
+				<p>description</p>
+				<img src="./docs/projects/cube3d_raycasting.gif"/>
+				<img src="./docs/projects/cube3d_image.gif"/>
+			</article>
+
 			<div class="mouse"><div class="mouse_2 pre"></div></div>
 			<div class="banner banner_size_3 banner_speed_20 banner_reverse grid_full_width" aria-label="banner delimitation in ASCII art"></div>
 

styles/elements/projects.css

@@ -5,6 +5,7 @@
 	article {
 		display: grid;
 		grid-gap: 20px;
+		margin-top: 100px;
 		/*
 		* trying to create a responsive design, but still some bugs
 		* so for now stick to mobile first