diff --git a/index.html b/index.html
index d647ed0..2379004 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+<link href="https://fonts.googleapis.com/css?family=Monoton&display=swap" rel="stylesheet">
 <style>
 h1{
     color: orange;
@@ -8,6 +9,10 @@
 body {
     background-image: url("fishe.jpg");
 }
+#kpop p{
+    font-family: 'Monoton', cursive;
+    font-size: 18px;
+}
 </style>
 </head>
 <body>
@@ -17,13 +22,13 @@ <h1> Hello World! I love kpop </h1>
 </a>
 <a href="https://okthisisepic.s-ul.eu/77JciCry">
     <img src="https://okthisisepic.s-ul.eu/77JciCry" alt="" height="500" />
-</a> <p>
+</a> <div id="kpop"> <p>
     #include "iostream" </p>
         <p>     using namespace std;</p>
         <p>     </p>
    <p> int main(){</p>
    <p>     cout << "anime";</p>
-   <p> }</p>
+   <p> }</p></div>
 <script src="index.js"></script>
 </body>
 </html>
diff --git a/index.js b/index.js
index 0b83f6f..8fa9786 100644
--- a/index.js
+++ b/index.js
@@ -1,6 +1,8 @@
 var lazeez = false;
+var osmows = false;
 anime()
 
+
 function anime() {
     if(lazeez){
         document.querySelector("h1").style.color = "orange";
@@ -11,5 +13,22 @@ function anime() {
         lazeez = true;
     }
 }
+let gibstick = document.querySelectorAll("#kpop p")
+function anime2() {
+    if(osmows){
+        gibstick.forEach((leakytransistor) => {
+            leakytransistor.style.color = "orange";
+        })
+        osmows= false;
+    }
+    else{
+        gibstick.forEach((leakytransistor) => {
+            leakytransistor.style.color = "black";
+        })
+        osmows = true;
+    }
+}
+anime2()
 
 setInterval(anime, 100);
+setInterval(anime2, 50)
\ No newline at end of file
