Almost final style

front-end-by-rimantas · Oct 12, 2023 · 375133f · 375133f
1 parent 46522a8
commit 375133f
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/img/ufo.png b/img/ufo.png
diff --git a/img/ufo.webp b/img/ufo.webp
diff --git a/index.html b/index.html
@@ -7,14 +7,14 @@
     <title>UFO</title>
 </head>
 
-<body style="background-color: white;">
+<body style="background-color: #fff;">
     <main style="width: 60%; margin-left: 20%; margin-right: 20%; margin-top: 10%; display: inline-block;">
-        <div style="width: 35%; float: left;">
-            <h1 style="color: blue; font-size: 100px; font-family: Verdana, Geneva, Tahoma, sans-serif;">404</h1>
-            <p style="font-size: 30px; text-transform: uppercase; font-weight: bold; font-family: Verdana, Geneva, Tahoma, sans-serif;">Page not found</p>
-            <a style="display: inline-block; text-decoration: none; border-radius: 50px; padding: 12px; padding-right: 30px; padding-left: 30px; font-size: 20px; border: 4px solid blue;" href="#">Go home</a>
+        <div style="width: 40%; float: left;">
+            <h1 style="color: rgb(40, 155, 240); font-size: 100px; font-family: Verdana, Geneva, Tahoma, sans-serif;">404</h1>
+            <p style="color: rgb(95, 95, 95); font-size: 30px; text-transform: uppercase; font-weight: bold; font-family: Verdana, Geneva, Tahoma, sans-serif;">Page not found</p>
+            <a style="display: inline-block; text-decoration: none; border-radius: 50px; padding: 12px; padding-right: 30px; padding-left: 30px; font-size: 20px; border: 4px solid rgb(40, 155, 240); color: rgb(40, 155, 240);" href="#">Go home</a>
         </div>
-        <img style="background-color: antiquewhite; width: 60%; float: right;" src="./img/ufo.jpg" alt="Ateiviu lekste kuri vagia musu daiktus">
+        <img style="float: right; width: 60%;" src="./img/ufo.webp" alt="Ateiviu lekste kuri vagia musu daiktus">
     </main>
 </body>