modified fevicon fetcher

harshit-sharmaaa · harshit-sharmaaa · commit e2bd44d5886c · 2023-06-13T23:02:18.000+05:30
diff --git a/Projects/Favicon Fetcher/images/background.avif b/Projects/Favicon Fetcher/images/background.avif
diff --git a/Projects/Favicon Fetcher/index.html b/Projects/Favicon Fetcher/index.html
@@ -7,6 +7,9 @@
     <link rel="shortcut icon" href="images/icon.png" type="image/x-icon">
     <link rel="stylesheet" href="styles.css">
     <title>Favicon Fetcher</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
 </head>
 <body>
     <h2>Favicon Fetcher</h2>
diff --git a/Projects/Favicon Fetcher/styles.css b/Projects/Favicon Fetcher/styles.css
@@ -2,7 +2,7 @@
     margin: 0;
     padding: 0;
     box-sizing: border-box;
-    font-family: "sans";
+    font-family: "roboto";
 }
 
 
@@ -15,16 +15,18 @@ body{
     display: flex;
     align-items: center;
     justify-content: center;
-    background: #b9ecff;
+    background-image: url('images/background.avif');
 }
 
 h2 {
     position: absolute;
     top: 0;
     padding-top: 100px;
-    color: rgb(9, 6, 6);
-    font-size: 2rem;
+    color: rgba(9, 6, 6, 0.567);
+    font-size: 80px;
     text-align: center;
+    font-family: roboto;
+    
   }
 
 
@@ -48,4 +50,12 @@ label input{
 
 input[type='button']:hover{
     cursor: pointer;
+}
+
+#grab,#input{
+    border-radius: 5px;
+    border-style: solid;
+    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.368);
+    font-family: roboto;
+    margin-top: 100px;
 }
