added animation to the title

.vscode/settings.json

@@ -0,0 +1 @@
+}

css/style.css

@@ -696,3 +696,32 @@ a {
     font-size: 18px;
   }
 }
+.focusin {
+  text-align: center;
+  background: linear-gradient(#ff7f7f, #ffdada);
+  -webkit-background-clip: text;
+  color: transparent;
+  animation-name: example;
+  animation-duration: 3s;
+  animation-iteration-count: infinite;
+  font-style: italic; 
+  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); 
+  font-size: 3em; 
+}
+@keyframes example {
+  0% {
+    background: linear-gradient(#ff7f7f, #ffdada);
+    -webkit-background-clip: text;
+    transform: scale(1);
+  }
+  50% {
+    background: linear-gradient(#ffffff, #cccccc);
+    -webkit-background-clip: text;
+    transform: scale(1.2); 
+  }
+  100% {
+    background: linear-gradient(#ff7f7f, #ffdada);
+    -webkit-background-clip: text;
+    transform: scale(1); 
+  }
+}

index.html

@@ -38,7 +38,7 @@
       "
     >
       <div id="homecontent">
-        <h1 class="focusin">Physi-c<br />Tech</h1>
+        <h1 class="focusin">Physi-c-Tech</h1>
         <div class="buttons">
           <span id="playbutton" class="btn" onclick="play()">PLAY</span><br />
           <span id="newgamebutton" class="btn" onclick="newgame()"