From 818f16de72f289ded262ec8c3cd5a5c14b93c4cb Mon Sep 17 00:00:00 2001
From: neon443 <69979447+neon443@users.noreply.github.com>
Date: Tue, 2 Apr 2024 17:26:45 +0100
Subject: [PATCH] centered

---
 index.html |  9 ++++-----
 style.css  | 18 ++++++++----------
 2 files changed, 12 insertions(+), 15 deletions(-)
diff --git a/index.html b/index.html
index 9c43329..a1816eb 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,6 @@
 		<link rel="manifest" href="./app.webmanifest">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 		<link rel="stylesheet" href="./style.css" type="text/css">
-	</head>
 	<!-- Google tag (gtag.js) -->
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-6R79TC88DQ"></script>
 	<script>
@@ -19,7 +18,7 @@
 	  gtag('config', 'G-6R79TC88DQ');
 	</script>
 	<!-- Google tag (gtag.js) -->
-	<script type="text/javascript" src="./script.js"></script>
+	<script src="./script.js"></script>
 	<body>
 		<div class="bar">
 			<div class="barItem"><h1>neon443</h1></div>
@@ -44,9 +43,9 @@
 		</p>
 <table style="width:100%">
 <tr>
-	<td><a href="https://neon443.github.io/eaglercraft152"><img class="icon" src="images/minecraft/1.5.png"></a></td>
-	<td><a href="https://neon443.github.io/eaglercraft188"><img class="icon"src="images/minecraft/1.8.png"></a></td>
-	<td></td>
+	<td class="icntd"><a href="https://neon443.github.io/eaglercraft152"><img class="icn" src="images/minecraft/1.5.png"></a></td>
+	<td class="icntd"><a href="https://neon443.github.io/eaglercraft188"><img class="icn" src="images/minecraft/1.8.png"></a></td>
+	<td class="icntd"></td>
 </tr>
 </table>
 	</body>
diff --git a/style.css b/style.css
index 162567a..2fbd560 100644
--- a/style.css
+++ b/style.css
@@ -125,19 +125,17 @@ h3 {
 	padding: 20px 10px;
 }
 
-@keyframes iconhover {
-	from {transform: scale(1, 1);}
-	to {transform: scale(1.05, 1.05)}
+td img{
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
 }
-.icon {
+.icn {
 	border-radius: 5px;
+	transition: all 0.25s ease-out 100ms;
 }
-.icon:hover {
-	
-	animation-name: iconhover;
-	animation-duration: 0.25s;
-	animation-timing-function: ease-in-out;
-	animation-fill-mode: both;
+.icn:hover {
+	transform: scale(1.1, 1.1);
 }
 
 @media (prefers-color-scheme: dark) {
