diff --git a/Art/K-Wiczling/complex.css b/Art/K-Wiczling/complex.css
new file mode 100644
index 000000000..73b0f53f8
--- /dev/null
+++ b/Art/K-Wiczling/complex.css
@@ -0,0 +1,46 @@
+.inner {
+  background-color: red;
+  width: 100px;
+  height: 100px;
+  border-radius: 44%;
+  animation: box 15s infinite;
+}
+.box{
+  animation: rot 2s infinite;
+  background-color: black;
+  width: 300px;
+  height: 300px;
+  margin: 0 auto;
+  margin-top: 30vh;
+
+}
+#inner1{
+  background-color: red;
+
+}
+#inner2{
+  background-color: greenyellow;
+
+}
+#inner3{
+  background-color: goldenrod;
+
+}
+@keyframes box {
+    0%  {
+          background-color: red;
+        }
+
+    100%  {
+            background-color: green;
+          }
+ }
+ @keyframes rot {
+  0%,
+  100% {
+    transform: rotate(360deg);
+  }
+  50% {
+    transform: rotate(0deg);
+  }
+}
\ No newline at end of file
diff --git a/Art/K-Wiczling/complex.html b/Art/K-Wiczling/complex.html
new file mode 100644
index 000000000..12a409e9e
--- /dev/null
+++ b/Art/K-Wiczling/complex.html
@@ -0,0 +1,15 @@
+<link rel="stylesheet" href="complex.css" />
+
+<div class="animation-wrapper">
+<div class="box">
+    <div class="inner" id="inner1">
+
+    </div>
+    <div class="inner" id="inner2">
+
+    </div>
+    <div class="inner" id="inner3">
+
+    </div>
+</div>
+</div>
diff --git a/Art/K-Wiczling/complex.png b/Art/K-Wiczling/complex.png
new file mode 100644
index 000000000..9a430fb3e
Binary files /dev/null and b/Art/K-Wiczling/complex.png differ
diff --git a/Art/K-Wiczling/square.css b/Art/K-Wiczling/square.css
index dae31fada..91ea223f2 100644
--- a/Art/K-Wiczling/square.css
+++ b/Art/K-Wiczling/square.css
@@ -12,7 +12,7 @@
   100% {
     transform: scale(1);
   }
-
+  
   50% {
     transform: scale(1.5);
   }
diff --git a/Art/K-Wiczling/square.html b/Art/K-Wiczling/square.html
index 76505c655..9e6a578fc 100644
--- a/Art/K-Wiczling/square.html
+++ b/Art/K-Wiczling/square.html
@@ -1,5 +1,8 @@
 <link rel="stylesheet" href="square.css" />
 
 <div class="animation-wrapper">
-  <div class="box1"></div>
+
+<div class="box1">
+</div>
+
 </div>
diff --git a/include.js b/include.js
index 812396bbf..a100ba67f 100644
--- a/include.js
+++ b/include.js
@@ -2179,6 +2179,13 @@ let cards = [
     author: 'K-Wiczling',
     githubLink: 'https://github.com/K-Wiczling'
   },
+  {
+    artName: 'Complex',
+    pageLink: './Art/K-Wiczling/complex.html',
+    imageLink: './Art/K-Wiczling/complex.png',
+    author: 'K-Wiczling',
+    githubLink: 'https://github.com/K-Wiczling'
+  },
   {
     artName: 'Rolling Square Loader',
     pageLink: './Art/psykat1611/index.html',