diff --git a/favicon.png b/favicon.png
deleted file mode 100644
index 9eaad0f..0000000
Binary files a/favicon.png and /dev/null differ
diff --git a/index.html b/index.html
index b8296fe..e93a903 100644
--- a/index.html
+++ b/index.html
@@ -1,45 +1,18 @@
 <!DOCTYPE html>
-<html lang="tr">
-  <head>
-    <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Alperen İsa Nalbant</title>
-    <link rel="stylesheet" href="/style.css" />
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"
-      rel="stylesheet"
-    />
-    <link rel="shortcut icon" href="favicon.png" type="image/x-icon" />
-  </head>
-  <body>
-    <header>
-      <b>Alperen İsa Nalbant</b>
-      <nav>
-        <ul>
-          <li><a href="#">Ana Sayfa</a></li>
-          <li><a href="#">Projelerim</a></li>
-          <li><a href="#">İletişime geçin</a></li>
-        </ul>
-      </nav>
-    </header>
-    <article>
-      <h1>Merhaba, ben Alperen İsa</h1>
-      <p class="buyuk">
-        Bilgisayar ile uğraşmayı seven bir kişiyim. Temel düzeyde HTML, CSS,
-        Python, GNU/Linux ve PyGObject bilgim var.
-      </p>
-      <p>
-        Yaklaşık 2 yıldır bilgisayar ile uğraşıyorum. Bazı şeylerin deneyerek
-        öğrenilmesi gerektiğine inanıyorum. Bu web sitesini de deneye deneye
-        yaptım. Çeşitli
-        <a href="https://github.com/Afacanc38">projelerim</a> var. Şu anda
-        Appiload üzerinde çalışıyorum.
-      </p>
-    </article>
-  </body>
-</html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Alperen İsa Nalbant</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <div id="center">
+    <div class="card">
+      <h1>Site yapım aşamasında.</h1>
+      <p>Lütfen daha sonra tekrar gelin.</p><br>
+      <a class="button" href="https://github.com/Afacanc38">GitHub</a>
+      <a class="button" href="https://github.com/Afacanc38/afacanc38.github.io">Web sitenin kaynak kodu</a>
+    </div>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/style.css b/style.css
index a0256d8..7682349 100644
--- a/style.css
+++ b/style.css
@@ -1,62 +1,61 @@
-:root {
-  --color1: #0A043C;
-  --color2: #03506F;
-  --color3: #BBBBBB;
-  --color4: #FFE3D8;
+#center {
+  display: flex;
+  padding: 2vh 2vw;
+  height: 90vh;
+  min-height: 300px;
+  max-width: 100%;
+  align-items: center;
+  justify-content: center;
 }
 
 * {
-  font-family: Poppins, system-ui;
-  margin: 0;
   padding: 0;
+  margin: 10px;
 }
 
-body {
-  background: var(--color1);
-  color: var(--color4);
+.card {
+  transition: 200ms ease-in-out;
+  background: #fafafa;
+  padding: 30px 20px;
+  border: 1px solid #e0e0e0;
+  border-radius: 12px;
+  box-shadow: 0 10px 20px -10px #7e7e7e;
+  font-family: system-ui;
 }
 
-h1, h2, h3, h4, h5, h6 {
-  font-family: 'Zilla Slab', system-ui;
-  color: var(--color3);
+.button {
+  transition: 200ms ease-in-out;
+  border: 1px solid #cacdfa;
+  background: #e5e7fd;
+  padding: 10px 15px;
+  color: black;
+  text-decoration: none;
+  border-radius: 20px;
 }
 
-h1 {
-  font-size: 6vw;
+.button:hover {
+  border: 1px solid #b6bbff;
+  background: #b4baff;
+  color: blue;
 }
 
-p.buyuk {
-  font-size: 3vw;
-}
-
-p {
-  margin: 20px 0px;
-}
-
-header {
-  display: flex;
-  justify-content: space-between;
-  padding: 20px;
-  border-bottom: 1px solid var(--color2);
-}
-
-header ul {
-  list-style-type: none;
-}
-
-header ul li {
-  float: left;
-  padding: 0px 10px;
-}
-
-header ul a {
-  color: var(--color4);
-}
-
-article {
-  padding: 50px;
-}
-
-a {
-  color: var(--color3);
+@media (prefers-color-scheme: dark) {
+  * {
+    color: white !important;
+  }
+  body {
+    background-color: rgb(20, 20, 20);
+  }
+  .card {
+    background: rgb(17, 17, 17);
+    border-color: #424242;
+    box-shadow: 0 10px 20px -10px #080808;
+  }
+  .button {
+    background: #1c1c1f;
+  }
+  .button:hover {
+    background: blue;
+    border-color: blue;
+  }
 }
\ No newline at end of file