diff --git a/Art/Aryan741x/index.html b/Art/Aryan741x/index.html
index 5a552a615..d1399849b 100644
--- a/Art/Aryan741x/index.html
+++ b/Art/Aryan741x/index.html
@@ -1,16 +1,16 @@
-
-
-
+
+
+
DAY 2 Challenge
-
-
-
+
+
+
-
+
diff --git a/Art/Aryan741x/style.css b/Art/Aryan741x/style.css
index 10a8cdf02..c6d4134e2 100644
--- a/Art/Aryan741x/style.css
+++ b/Art/Aryan741x/style.css
@@ -1,84 +1,84 @@
-*{
- margin:0;
- padding:0;
- box-sizing: border-box;
- background-color: #3faf82
-}
-body{
- min-height:100vh;
- display:flex;
- justify-content: center;
- align-items: center;
-}
-.menu{
- position: relative;
- display: flex;
- flex-direction:column;
- row-gap:16px;
- cursor: pointer;
-}
-.menu div{
- width:100px;
- height:10px;
- background-color: white;
- box-shadow:0 4px 20px #00000030;
- border-radius: 2px;
- transition:all 0.3s;
-}
-.menu.active div:nth-child(2){
- transform:scale(0);
- opacity:0;
-}
-.menu.active div:nth-child(1){
- animation:bar1Anim 0.3s ease-in-out forwards;
-}
-@keyframes bar1Anim{
- 50%{
- transform:translateY(24px);
- }
- 100%{
- transform:translateY(24px) rotateZ(45deg);
- }
-}
-.menu.active div:nth-child(3){
- animation:bar2Anim 0.3s ease-in-out forwards;
-}
-@keyframes bar2Anim{
- 50%{
- transform:translateY(-24px);
- }
- 100%{
- transform:translateY(-24px) rotateZ(135deg);
- }
-}
-.menu div:nth-child(1){
- animation: bar1revAnim 0.3s ease-in-out;
-}
-@keyframes bar1revAnim{
- 0%{
- transform:translateY(24px) rotateZ(45deg);
- }
- 50%{
- transform:translateY(24px) rotateZ(0deg);
- }
- 100%{
- transform: translateY(0px);
- }
-}
-.menu div:nth-child(3){
- animation: bar3revAnim 0.3s ease-in-out;
-}
-@keyframes bar3revAnim{
- 0%{
- transform:translateY(-24px) rotateZ(135deg);
- }
- 50%{
- transform:translateY(-24px) rotateZ(0deg);
- }
- 100%{
- transform: translateY(0px);
- }
-}
-.menu.no-animation div{
- animation: none;
-}
\ No newline at end of file
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ background-color: #3faf82;
+}
+body {
+ min-height: 100vh;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.menu {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ row-gap: 16px;
+ cursor: pointer;
+}
+.menu div {
+ width: 100px;
+ height: 10px;
+ background-color: white;
+ box-shadow: 0 4px 20px #00000030;
+ border-radius: 2px;
+ transition: all 0.3s;
+}
+.menu.active div:nth-child(2) {
+ transform: scale(0);
+ opacity: 0;
+}
+.menu.active div:nth-child(1) {
+ animation: bar1Anim 0.3s ease-in-out forwards;
+}
+@keyframes bar1Anim {
+ 50% {
+ transform: translateY(24px);
+ }
+ 100% {
+ transform: translateY(24px) rotateZ(45deg);
+ }
+}
+.menu.active div:nth-child(3) {
+ animation: bar2Anim 0.3s ease-in-out forwards;
+}
+@keyframes bar2Anim {
+ 50% {
+ transform: translateY(-24px);
+ }
+ 100% {
+ transform: translateY(-24px) rotateZ(135deg);
+ }
+}
+.menu div:nth-child(1) {
+ animation: bar1revAnim 0.3s ease-in-out;
+}
+@keyframes bar1revAnim {
+ 0% {
+ transform: translateY(24px) rotateZ(45deg);
+ }
+ 50% {
+ transform: translateY(24px) rotateZ(0deg);
+ }
+ 100% {
+ transform: translateY(0px);
+ }
+}
+.menu div:nth-child(3) {
+ animation: bar3revAnim 0.3s ease-in-out;
+}
+@keyframes bar3revAnim {
+ 0% {
+ transform: translateY(-24px) rotateZ(135deg);
+ }
+ 50% {
+ transform: translateY(-24px) rotateZ(0deg);
+ }
+ 100% {
+ transform: translateY(0px);
+ }
+}
+.menu.no-animation div {
+ animation: none;
+}
diff --git a/include.js b/include.js
index b1901ed6f..a1f7e2324 100644
--- a/include.js
+++ b/include.js
@@ -2234,8 +2234,8 @@ let cards = [
imageLink: './Art/Aryan741x/animation-1.png',
author: 'Aryan741x',
githubLink: 'https://github.com/Aryan741x'
- },
- {
+ },
+ {
artName: 'Rotating Box',
pageLink: './Art/Dhairya-Mehra/animation.html',
imageLink: './Art/Dhairya-Mehra/animation.gif',