diff --git a/Art/migueldalberto/index.html b/Art/migueldalberto/index.html
new file mode 100644
index 000000000..607f5184b
--- /dev/null
+++ b/Art/migueldalberto/index.html
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+ Falling squares
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Art/migueldalberto/screenshot.png b/Art/migueldalberto/screenshot.png
new file mode 100644
index 000000000..d48ab6854
Binary files /dev/null and b/Art/migueldalberto/screenshot.png differ
diff --git a/Art/migueldalberto/style.css b/Art/migueldalberto/style.css
new file mode 100644
index 000000000..180043b1a
--- /dev/null
+++ b/Art/migueldalberto/style.css
@@ -0,0 +1,86 @@
+html,
+body {
+ background-color: #2b2b2b;
+ height: 100%;
+ margin: 0;
+}
+
+.container {
+ position: absolute;
+ bottom: 40%;
+ left: 50%;
+ width: 80px;
+ height: 240px;
+ animation: slide 3s ease forwards;
+ animation-iteration-count: infinite;
+}
+
+.square {
+ width: 90px;
+ height: 90px;
+ border: 3px solid #042037;
+ background-color: #042037;
+ animation: drop 3s ease forwards;
+ animation-iteration-count: infinite;
+}
+
+@keyframes slide {
+
+ 0%,
+ 60%,
+ 100% {
+ transform: translateX(0em);
+ }
+
+ 90% {
+ transform: translateX(80em);
+ }
+}
+
+@keyframes drop {
+
+ 0%,
+ 100% {
+ opacity: 0;
+ transform: translateY(-50em)
+ }
+
+ 30%,
+ 70% {
+ transform: translateY(0em);
+ opacity: 1;
+ }
+
+ 71% {
+ opacity: 0;
+ }
+}
+
+.square:first-child {
+ border-color: #1A1A59;
+ background-color: #343477;
+ opacity: 0;
+ animation-delay: 500ms;
+}
+
+.square:nth-child(2) {
+ border-color: #042037;
+ background-color: #294F6D;
+ opacity: 0;
+ animation-delay: 250ms;
+}
+
+.square:last-child {
+ border-color: #09093B;
+ background-color: #1A1A59;
+ opacity: 0;
+ animation-delay: 50ms;
+}
+
+.circle {
+ width: 100px;
+ height: 100px;
+ border: 3px solid #0F5738;
+ border-radius: 100%;
+ background-color: #277554;
+}
\ No newline at end of file
diff --git a/include.js b/include.js
index cc1ee92ae..42cefb7a3 100644
--- a/include.js
+++ b/include.js
@@ -13,6 +13,13 @@ let cards = [
author: 'Joy',
githubLink: 'https://github.com/royranger'
},
+ {
+ artName: 'Falling Squares',
+ pageLink: './Art/migueldalberto/index.html',
+ imageLink: './Art/migueldalberto/screenshot.png',
+ author: 'migueldalberto',
+ githubLink: 'https://github.com/migueldalberto'
+ },
{
artName: 'Infinite Hacktober Shapes',
pageLink: '.Art/Joy/Joe_DiGioia/JoeArt.html',