Added new Settings tab + centered the animal chossing

index.html

@@ -13,10 +13,10 @@
         <h1>Welcome to PetPet!</h1>
         <h2>Please choose an Animal:</h2>
         <div>
-            <img src="./img/tiger/baby.png" style="--clr: #ff4500a9" onclick="option(0)" title="tiger" alt="tiger" class="animalChoose">
-            <img src="./img/shiba/baby.png" style="--clr: " onclick="option(1)" title="shiba" alt="shiba" class="animalChoose">
+            <img src="./img/tiger/chose.png" style="--clr: #ff4500a9" onclick="option(0)" title="tiger" alt="tiger" class="animalChoose">
+            <img src="./img/shiba/chose.png" style="--clr: #f08d40a9" onclick="option(1)" title="shiba" alt="shiba" class="animalChoose">
         </div>
-        <p>Made by <a href="https://www.mreidam.com">MrEidam</a> & <a>Tufsie</a></p>
+        <p>Made by <a target="_blank" href="https://www.mreidam.com">MrEidam</a> & <a target="_blank" href="">Tufsie</a></p>
     </dialog>
     <div id="blurs"></div>
     <article class="cash">
@@ -47,7 +47,7 @@
                 <button class="actBTN" onclick="healBoy()">Heal</button>
             </article>
         </div>
-        <div class="games">
+        <div class="moverSpace">
             <img class="gamesPromo" src="./img/promorighth.png" alt="Promo for Games">
             <div class="gamesText">
                 <h2>Games</h2>
@@ -55,6 +55,12 @@
             </div>
             <img class="gamesPromo" src="./img/promoleflt.png" alt="Promo for Games">
         </div>
+        <div class="moverSpace">
+            <div class="settingsText">
+                <h2>Settings</h2>
+                <a href="./">Let's change some settings!</a>
+            </div>
+        </div>
     </main>
     <script src="main.js"></script>
 </body>

style.css

@@ -24,6 +24,10 @@ img{
     object-fit: contain;
 }
 
+a{
+    color: #69f;
+}
+
 main{
     /*clip-path: polygon(20% 0, 80% 0, 100% 100%, 0 100%);*/
     background: #333333aa;
@@ -68,16 +72,17 @@ span p{
     filter: drop-shadow(1.5px 1.5px 6px #aaa);
 }
 
-.games{
+.moverSpace{
     border-radius: .5rem;
     display: flex;
     flex-direction: row;
     justify-content: space-around;
     padding: 1rem;
-    margin: .5rem;
+    margin: 1rem .5rem .5rem .5rem;
     background: #222222cc;
     height: 80px;
 }
+
 .gamesPromo{
     width: 69px; /* Mobile */
     height: 48px;
@@ -87,8 +92,11 @@ span p{
     flex-direction: column;
     justify-content: space-around;
 }
-.gamesText a{
-    color: red;
+
+.moverSpace .settingsText{
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
 }
 
 
@@ -184,9 +192,10 @@ span p{
 #chui h2{
 }
 
+/*
 #chui a{
     color: #69f;
-}
+}*/
 
 .animalChoose{
     border: none;