Merge pull request #2 from JoelMbuyi05/improve-design

Varshitha713 · web-flow · commit 6bd500be3fff · 2025-05-30T10:05:20.000+05:30
Improve design
diff --git a/index.html b/index.html
@@ -3,6 +3,9 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <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=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
   <title>Placement Resources</title>
   <link href="styles/style.css" rel="stylesheet">
 </head>
diff --git a/styles/style.css b/styles/style.css
@@ -1,7 +1,7 @@
 html,body{
   margin:0;
   padding: 0;
-  font-family: Arial, sans-serif;
+  font-family: 'Roboto', sans-serif;
   background-color: #FAFAFA;
   color:#023047;
 }
@@ -25,6 +25,10 @@ html,body{
   padding:10px;
   border-radius: 8px;
   box-shadow:0 4px 8px rgba(0,0,0,0.1);
+  transition: all 0.3s ease;
+ }
+ .card:hover{
+  transform: scale(1.03);
  }
  .card a {
             
