Update tnt.html

Kweshuu · Dec 17, 2023 · 453486d · 453486d
1 parent 706ba85
commit 453486d
Showing 1 changed file with 18 additions and 16 deletions.
diff --git a/tnt.html b/tnt.html
@@ -6,23 +6,23 @@
     <title>ThinKs and ThinKs</title>
     <style>
         body {
-            background-color: #000000; /* Set background color to pure black */
+            background-color: #000000;
             color: #ffffff;
             font-family: Arial, sans-serif;
             margin: 0;
-            padding: 20px; /* Adding some padding for better readability */
+            padding: 20px;
         }
 
         h1 {
-            font-size: 300%; /* Set font size to 300% */
-            margin: 0; /* Reset margin */
-            padding-bottom: 20px; /* Adding padding below heading */
-            background: linear-gradient(to right, #3C7DC4, #00004d); /* Use gradient background for title text */
-            -webkit-background-clip: text; /* Clip text to the background */
-            color: transparent; /* Make text color transparent */
-            background-size: 200% 100%; /* Adjust background size to fit the entire gradient */
-            background-position: 100% 0; /* Move the background position to the right */
-            animation: gradientMove 3s infinite; /* Add animation for continuous movement */
+            font-size: 3em;
+            margin: 0;
+            padding-bottom: 20px;
+            background: linear-gradient(to right, #3C7DC4, #00004d);
+            -webkit-background-clip: text;
+            color: transparent;
+            background-size: 200% 100%;
+            background-position: 100% 0;
+            animation: gradientMove 3s infinite;
         }
 
         @keyframes gradientMove {
@@ -35,19 +35,21 @@
             position: absolute;
             top: 20px;
             right: 20px;
-            font-size: 300%; /* Set font size to match the title */
+            font-size: 3em;
         }
 
         .think-link {
-            margin-top: 40px; /* Add margin to position the link below the title */
-            display: block; /* Make the link a block element */
-            font-size: 150%; /* Set font size for the link */
+            margin-top: 60px; /* Move the link down by 20px */
+            display: block;
+            font-size: 1.5em;
+            text-decoration: none;
+            color: #ffffff;
         }
     </style>
 </head>
 <body>
     <h1>ThinKs and ThinKs</h1>
-    <a class="think-link" href="think1.html" target="_blank">Dec 17, 2023</a>
+    <a class="think-link" href="think2.html" target="_blank">Dec 17, 2023 pt 2</a>
     <div class="top-right-link">
         <a href="index.html">b a c k</a>
     </div>