Update style.css

style.css

@@ -1,3 +1,4 @@
+/* General Styles */
 body {
   font-family: Arial, sans-serif;
   margin: 0;
@@ -7,6 +8,7 @@ body {
   text-align: center;
 }
 
+/* Header */
 .header {
   background-color: #333;
   padding: 10px;
@@ -18,6 +20,15 @@ body {
   text-decoration: none;
 }
 
+/* Logo */
+.logo img {
+  display: block;
+  margin: 20px auto;
+  width: 50px;
+  height: 50px;
+}
+
+/* Container */
 .container {
   max-width: 400px;
   margin: 20px auto;
@@ -71,6 +82,7 @@ button:hover {
   font-size: 16px;
 }
 
+/* Footer */
 .footer {
   margin-top: 20px;
   padding: 10px;
@@ -80,4 +92,20 @@ button:hover {
 
 .footer p {
   margin: 5px 0;
+}
+
+/* Social Icons */
+.social-icons {
+  display: flex;
+  justify-content: center;
+  margin-top: 10px;
+}
+
+.social-icons a {
+  margin: 0 5px;
+}
+
+.social-icons img {
+  width: 24px;
+  height: 24px;
 }