diff --git a/MohanFiles/index.html b/MohanFiles/index.html
new file mode 100644
index 0000000..eaab775
--- /dev/null
+++ b/MohanFiles/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/MohanFiles/index.js b/MohanFiles/index.js
new file mode 100644
index 0000000..569b656
--- /dev/null
+++ b/MohanFiles/index.js
@@ -0,0 +1,12 @@
+const awesome = document.querySelector('[data-element="awesome"]');
+const intrinsicSwitch = document.querySelector("#intrinsic-switch");
+
+// Set sizing attribute based on switch
+intrinsicSwitch.addEventListener("change", () => {
+ alert("hi")
+ awesome.setAttribute(
+ "data-sizing",
+ intrinsicSwitch.checked ? "intrinsic" : "extrinsic"
+ );
+});
+
diff --git a/MohanFiles/main.css b/MohanFiles/main.css
new file mode 100644
index 0000000..6f17a33
--- /dev/null
+++ b/MohanFiles/main.css
@@ -0,0 +1,19 @@
+.awesome {
+ border: 5px solid;
+ width: min-content;
+ font-size: 5rem;
+ font-weight: bold;
+ padding: 2rem;
+ text-transform: uppercase;
+ transform: rotate(-45deg);
+ display: inline-block;
+ margin: 10rem 10rem 10rem 10rem;
+ animation: name duration timing-function delay iteration-count direction fill-mode;
+}
+
+
+
+
+ /*
+
+