Repair of CSS styling

konradjakubowski · Apr 28, 2018 · 965cd60 · 965cd60
1 parent 48ab067
commit 965cd60
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/css/style.css b/css/style.css
@@ -1,5 +1,5 @@
 @import url('https://fonts.googleapis.com/css?family=Graduate');
-@import url('https://fonts.googleapis.com/css?family=Titillium+Web&subset=latin-ext');
+@import url('https://fonts.googleapis.com/css?family=Tajawal');
 
 body {
     text-align: center;
@@ -17,19 +17,29 @@ input[type="text"]
     padding: 5px;
 }
 #search {
-    padding: 4px;
+    padding: 7px;
     color: #fff;
     background-color: red;
     border: none;
     font-weight: bold;
     border-radius: 7px;
 }
+#search:hover {
+    background-color: #D87E7E;
+}
 h1 {
     font-family: 'Graduate', cursive;
     font-size: 40px;
     font-weight: bold;
     color: #fff;
     padding: 20px;
+    margin-top: 50px;
+}
+p {
+    color: #fff;
+    font-size: 20px;
+    margin-top: 25px;
+    font-family: 'Tajawal', sans-serif;
 }
 tr {
     background-color: rgba(255,255,255,0.7);

diff --git a/index.html b/index.html
@@ -8,6 +8,7 @@
     <link rel="stylesheet" href="css/style.css" type="text/css">
 </head>
 <body>
+   <p>A non-commercial portfolio project of Konrad Jakubowski</p>
    <h1>Country search engine</h1>
     <button id="search">Search a country</button>
     <input id="country-name" type="text" />