diff --git a/Art/Romankyv/BlobScale.gif b/Art/Romankyv/BlobScale.gif
new file mode 100644
index 000000000..630c646c5
Binary files /dev/null and b/Art/Romankyv/BlobScale.gif differ
diff --git a/Art/Romankyv/index.html b/Art/Romankyv/index.html
new file mode 100644
index 000000000..20cc57927
--- /dev/null
+++ b/Art/Romankyv/index.html
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Art/Romankyv/style.css b/Art/Romankyv/style.css
new file mode 100644
index 000000000..9ed3b87fd
--- /dev/null
+++ b/Art/Romankyv/style.css
@@ -0,0 +1,53 @@
+*
+{
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ background-color: #001300;
+}
+
+section {
+ padding: 100px;
+ position: relative;
+ width: 100%;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ background: #001300;
+}
+
+ section .loader {
+ position: relative;
+ }
+
+ section .loader .dot {
+ position: relative;
+ display: block;
+ width: 60px;
+ height: 60px;
+ background: #178ccb;
+ box-shadow: 0 0 10px #178ccb,
+ 0 0 20px #178ccb,
+ 0 0 40px #178ccb,
+ 0 0 60px #178ccb,
+ 0 0 80px #178ccb,
+ 0 0 100px #178ccb;
+ margin: 20px 10px;
+ transform: scale(2.0);
+ border-radius: 50%;
+ animation: animateDot 3s ease-in-out infinite;
+ }
+
+ @keyframes animateDot {
+ 0% {
+ transform: scale(0.2);
+ }
+ 10% {
+ transform: scale(1);
+ }
+ 50%,100% {
+ transform: scale(0.2);
+ }
+
+ }
\ No newline at end of file
diff --git a/include.js b/include.js
index 5fec8e863..7901aa1d5 100644
--- a/include.js
+++ b/include.js
@@ -964,6 +964,13 @@ let cards = [
author: 'Jeet Kanodia',
githubLink: 'https://github.com/jeetkanodia'
},
+ {
+ artName: 'Blob Scale',
+ pageLink: './Art/romankyv/index.html',
+ imageLink: './Art/romankyv/BlobScale.gif',
+ author: 'Roman',
+ githubLink: 'https://github.com/romankyv'
+ },
{
artName: 'Flower',
pageLink: './Art/ChrRepou/flower.html',