diff --git a/index.html b/index.html
index 2e7bec1..dc72ef8 100644
--- a/index.html
+++ b/index.html
@@ -12,12 +12,24 @@
 <body>
     <div class="card navigation-card">
         <div class="navigation-buttons">
-            <a href="#" class="button-default">home</a>
-            <a href="#" class="button-default">file server</a>
-            <a href="#" class="button-default">git server</a>
-            <a href="#" class="button-default">about me</a>
-            <a href="#" class="button-default">contact me</a>
+            <button class="button-default">home</button>
+            <button class="button-default">file server</button>
+            <button class="button-default">git server</button>
+            <button class="button-default">about me</button>
+            <button class="button-default">contact me</button>
         </div>
     </div>
+
+    <div class="card">
+        <p>idididi</p>
+        <p>idididi</p>
+        <p>idididi</p>
+        <p>idididi</p>
+        <p>idididi</p>
+        <p>idididi</p>
+        <p>idididi</p>
+        <p>idididi</p>
+
+    </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/style.css b/style.css
index e5b4476..0ddfe82 100644
--- a/style.css
+++ b/style.css
@@ -1,6 +1,7 @@
 body {
-    background: #414141;
+    background: #2E2E2E;
     font-family: 'Roboto', sans-serif;
+    font-weight: 400;
 }
 
 .card {
@@ -27,10 +28,24 @@ body {
 .button-default {
     text-decoration: none;
     border: 2px solid #818181;
+    background-color: #d1d1d1;
     border-radius: 5px;
     padding: 5px;
+    font-size: 18px;
     white-space: nowrap;
     margin-top: 2px;
     margin-bottom: 2px;
     color: #818181;
+    cursor: pointer;
+}
+
+.button-default:hover {
+    color: #d1d1d1;
+    background-color: #818181;
+}
+
+@media screen and (max-width: 768px) {
+    .card {
+        width: 80%;
+    }
 }
\ No newline at end of file
