diff --git a/Art/URK21CS1064/hacktober.png b/Art/URK21CS1064/hacktober.png
new file mode 100644
index 000000000..0ecf00355
Binary files /dev/null and b/Art/URK21CS1064/hacktober.png differ
diff --git a/Art/URK21CS1064/index.html b/Art/URK21CS1064/index.html
new file mode 100644
index 000000000..cae75a586
--- /dev/null
+++ b/Art/URK21CS1064/index.html
@@ -0,0 +1,16 @@
+
+
+
+
+
+ Document
+
+
+
+
+ Magic Card
+
+
+ Mythrill
+
+
diff --git a/Art/URK21CS1064/style.css b/Art/URK21CS1064/style.css
new file mode 100644
index 000000000..ee0055265
--- /dev/null
+++ b/Art/URK21CS1064/style.css
@@ -0,0 +1,102 @@
+@property --rotate {
+ syntax: "";
+ initial-value: 132deg;
+ inherits: false;
+}
+
+:root {
+ --card-height: 65vh;
+ --card-width: calc(var(--card-height) / 1.5);
+}
+
+
+body {
+ min-height: 100vh;
+ background: #212534;
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ padding-top: 2rem;
+ padding-bottom: 2rem;
+ box-sizing: border-box;
+}
+
+
+.card {
+ background: #191c29;
+ width: var(--card-width);
+ height: var(--card-height);
+ padding: 3px;
+ position: relative;
+ border-radius: 6px;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ display: flex;
+ font-size: 1.5em;
+ color: rgb(88 199 250 / 0%);
+ cursor: pointer;
+ font-family: cursive;
+}
+
+.card:hover {
+ color: rgb(88 199 250 / 100%);
+ transition: color 1s;
+}
+.card:hover:before, .card:hover:after {
+ animation: none;
+ opacity: 0;
+}
+
+
+.card::before {
+ content: "";
+ width: 104%;
+ height: 102%;
+ border-radius: 8px;
+ background-image: linear-gradient(
+ var(--rotate)
+ , #5ddcff, #3c67e3 43%, #4e00c2);
+ position: absolute;
+ z-index: -1;
+ top: -1%;
+ left: -2%;
+ animation: spin 2.5s linear infinite;
+}
+
+.card::after {
+ position: absolute;
+ content: "";
+ top: calc(var(--card-height) / 6);
+ left: 0;
+ right: 0;
+ z-index: -1;
+ height: 100%;
+ width: 100%;
+ margin: 0 auto;
+ transform: scale(0.8);
+ filter: blur(calc(var(--card-height) / 6));
+ background-image: linear-gradient(
+ var(--rotate)
+ , #5ddcff, #3c67e3 43%, #4e00c2);
+ opacity: 1;
+ transition: opacity .5s;
+ animation: spin 2.5s linear infinite;
+}
+
+@keyframes spin {
+ 0% {
+ --rotate: 0deg;
+ }
+ 100% {
+ --rotate: 360deg;
+ }
+}
+
+a {
+ color: #212534;
+ text-decoration: none;
+ font-family: sans-serif;
+ font-weight: bold;
+ margin-top: 2rem;
+}
diff --git a/include.js b/include.js
index 040871555..3448e4251 100644
--- a/include.js
+++ b/include.js
@@ -2196,7 +2196,13 @@ const cards = [
githubLink: 'https://github.com/ishanchaskar'
},
{
- artName: 'Circle',
+ artName: 'Magic Card',
+ pageLink: './Art/URK21CS1064/index.html',
+ imageLink: './Art/URK21CS1064/hacktober.png',
+ author: 'URK21CS1064',
+ githubLink: 'https://github.com/URK21CS1064'
+ },
+ { artName: 'Circle',
pageLink: './Art/rishiiiidha/index.html',
imageLink: './Art/rishiiiidha/animation.gif',
author: 'Rishidha',