diff --git a/Art/mrcybersecurett/anime.css b/Art/mrcybersecurett/anime.css
new file mode 100644
index 000000000..ea8c6f9b3
--- /dev/null
+++ b/Art/mrcybersecurett/anime.css
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style> 
+div body {
+  background-color: lightblue;  
+}
+
+h1 {
+  color: white;
+  text-align: center;
+}
+
+p {
+  font-family: verdana;
+  font-size: 20px;
+}
+ 
+div {
+  width: 100px;
+  height: 100px;
+  background-color: red;
+  position: relative;
+  animation-name: animae;
+  animation-duration: 10s;
+}
+
+@keyframes example {
+  0%   {background-color:red; left:0px; top:0px;}
+  25%  {background-color:yellow; left:200px; top:0px;}
+  50%  {background-color:blue; left:200px; top:200px;}
+  75%  {background-color:green; left:0px; top:200px;}
+  100% {background-color:red; left:0px; top:0px;}
+}
+
+
+
+
+
+
+
+
+
+
+ </style>
+</head>
+</body>
\ No newline at end of file
diff --git a/Art/mrcybersecurett/anime2.css b/Art/mrcybersecurett/anime2.css
new file mode 100644
index 000000000..449359e93
--- /dev/null
+++ b/Art/mrcybersecurett/anime2.css
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style> 
+
+
+h1 {
+  color: skyblue;
+  text-align: center;
+  margin-left: 75px;
+}
+
+.fade-in-text {
+  font-family: Arial;
+  font-size: 150px;
+  color: red;
+  animation: fadeIn 15s;
+}
+
+ -webkit-animation: fadeIn 10s;
+  -moz-animation: fadeIn 10s;
+  -o-animation: fadeIn 10s;
+  -ms-animation: fadeIn 10s;
+}
+
+@keyframes fadeIn {
+  0% { opacity: 0; }
+  100% { opacity: 1; }
+}
+
+@-moz-keyframes fadeIn {
+  0% { opacity: 0; }
+  100% { opacity: 1; }
+}
+
+@-webkit-keyframes fadeIn {
+  0% { opacity: 0; }
+  100% { opacity: 1; }
+}
+
+@-o-keyframes fadeIn {
+  0% { opacity: 0; }
+  100% { opacity: 1; }
+}
+
+@-ms-keyframes fadeIn {
+  0% { opacity: 0; }
+  100% { opacity: 1; }
+}
+
+
+
+
+
+
+
+
+ </style>
+</head>
+</body>
\ No newline at end of file
diff --git a/Art/mrcybersecurett/fadeaway.gif b/Art/mrcybersecurett/fadeaway.gif
new file mode 100644
index 000000000..8f159bde5
Binary files /dev/null and b/Art/mrcybersecurett/fadeaway.gif differ
diff --git a/Art/mrcybersecurett/index.html b/Art/mrcybersecurett/index.html
new file mode 100644
index 000000000..294a35eee
--- /dev/null
+++ b/Art/mrcybersecurett/index.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <link rel="stylesheet" href="anime2.css">
+<style> 
+
+</style>
+</head>
+<body>
+
+  
+<h1>Animation Attempt</h1>
+
+
+
+<div class="fade-in-text">
+  <p>This is how I Fade Away</p>
+</div>
+
+
+
+<p><b>MrCyberSecureTT: </b>After 20 Years Am Back At HTML, CSS, & JScript!</p>
+
+</body>
+</html>
+
+
diff --git a/include.js b/include.js
index 5fec8e863..f09f3c423 100644
--- a/include.js
+++ b/include.js
@@ -2874,7 +2874,6 @@ let cards = [
     author: 'Nyariki Kevin',
     githubLink: 'https://github.com/nyrkn10>'
   },
-
   {
     artName: 'Fascinating Animation',
     pageLink: './Art/moutro/index.html',
@@ -2898,11 +2897,12 @@ let cards = [
   },
   { 
     artName: 'First Animation',
-    pageLink: './Art/Kalliran/index.html',
-    imageLink: './Art/Kalliran/Animation-Nation.gif',
-    author: 'Kalliran',
-    githubLink: 'https://github.com/Kalliran'
-  },
+    pageLink: './Art/MrCyberSecureTT/index.html',
+    imageLink: './Art/mrcybersecurett/fadeaway.gif',
+    author: 'MrCyberSecureTT',
+    githubLink: 'https://github.com/mrcybersecurett'
+  }
+
 ];
 
 /* -------------------------------------------------------------------------- */
