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 @@
-
-
-
-
-
- Alperen İsa Nalbant
-
-
-
-
-
-
-
-
-
-
- Alperen İsa Nalbant
-
-
-
-
-
- Merhaba, ben Alperen İsa
-
- Bilgisayar ile uğraşmayı seven bir kişiyim. Temel düzeyde HTML, CSS,
- Python, GNU/Linux ve PyGObject bilgim var.
-
-
- 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
- projelerim var. Şu anda
- Appiload üzerinde çalışıyorum.
-
-
-
-
+
+
+
+ Alperen İsa Nalbant
+
+
+
+
+
+
\ 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