new css design

Author: Jared-Gross

index.html

@@ -12,7 +12,7 @@
         src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.2/dist/cdn/material-dynamic-colors.min.js">
     </script>
     <link href="theme.css" rel="stylesheet">
-    <link href="style.css" rel="stylesheet">
+    <!-- <link href="style.css" rel="stylesheet"> -->
     <title>TheCodingJ's</title>
     <meta content="TheCodingJ's" property="og:title">
     <meta content="A team of passionate developers." property="og:description">
@@ -144,11 +144,9 @@ <h5>HBNI Audio Stream Listener</h5>
                             <p>View upcoming events and listen to current streams.</p>
                         </div>
                     </div>
-                    <nav>
+                    <nav style="display: flex;">
                         <button class="border small-round"
                             onclick="location.href='https://github.com/TheCodingJsoftware/HBNI-Audio-Stream-Listener';"><i>globe</i>Github</button>
-                        <button class="border small-round"
-                            onclick="location.href='https://github.com/TheCodingJsoftware/HBNI-Audio-Stream-Listener/releases/download/v1.3.0/HBNI_Audio_Stream_Listener-v1.3.0.zip';"><i>computer</i>Desktop</button>
                         <button class="border small-round"
                             onclick="location.href='https://play.google.com/store/apps/details?id=com.thecodingjsoftware.hutteritechurch';"><i>android</i>Android</button>
                     </nav>

style.css

@@ -1,16 +1,16 @@
 
 /* COMPUTER MODEL CODE */
 #stage {
-    width: 250px;
-    height: 100px;
-    top: 125px;
+    width: 50px;
+    height: 50px;
+    top: 150px;
     position: absolute;
-    left: 0;
-    transform: scale(1);
+    left: -37%;
+    transform: scale(0.3);
     transition: transform 100ms ease-in-out;
 }
 #stage:hover{
-    transform: scale(1.1);
+    transform: scale(0.4);
     transition: transform 100ms ease-in-out;
 }
 /* media queres */
@@ -31,10 +31,10 @@
     }
     #stage {
         margin-left: 40%;
-        transform: scale(0.6);
+        transform: scale(0.3);
     }
     #stage:hover{
-        transform: scale(0.7);
+        transform: scale(0.4);
     }
 }