some more visual improvements

src/App.css

@@ -11,6 +11,10 @@ body {
   height: 100%;
 }
 
+footer {
+  font-size: x-small;
+}
+
 #root {
   max-width: 1280px;
   margin: 0 auto;
@@ -25,6 +29,7 @@ body {
 .hint {
   position: absolute;
   font-size: 80%;
+  padding: 4px;
   top: auto;
   left: 4px;
   bottom: auto;
@@ -174,13 +179,15 @@ button {
 .logo {
   position: relative;
   text-align: center;
-  height: 169px;
+  height: 196px;
+  margin: auto;
   img {
     display: block;
     margin: auto;
   }
   h3 {
     position: absolute;
+    width: 200px;
     top: 33%;
     left: 50%;
     transform: translate(-50%, -50%);

src/App.tsx

@@ -15,7 +15,14 @@ function App() {
       <Rankings />
       <footer>
         <p className="grey">
-          something not working? message <a href="https://t.me/x0124816">me</a>.
+          something not working?
+          <br />
+          message <a href="https://t.me/x0124816">me</a>.
+          <br />
+          or fix it here:{" "}
+          <a href="https://git.0124816.xyz/julius/cutt" key="gitea">
+            <img src="gitea.svg" alt="gitea" height="16" />
+          </a>
         </p>
       </footer>
     </>