diff --git a/index.html b/index.html index a2e3de96..05d8229e 100644 --- a/index.html +++ b/index.html @@ -40,14 +40,14 @@ } span { - background-color: white; + background-color: rgb(24, 26, 27); display: inline-block; width: 50vh; height: 50vh; margin-left: 25vh; margin-top: 10vh; background-size: cover; - border-style: solid; + border: solid rgb(200, 195, 188); } svg { @@ -56,12 +56,13 @@ } body { - background-color: rgb(230, 230, 230); + background-color: rgb(38, 41, 43); + color: rgb(200, 195, 188); font-family: Helvetica, Arial, sans-serif; } .container { - background-color: rgb(220, 220, 220); + background-color: rgb(44, 47, 49); height: 100vh; width: 75vw; margin-top: 0; @@ -72,7 +73,7 @@ left: 0; bottom: 0; width: 100%; - background-color: rgb(48, 48, 48); + background-color: rgb(36, 39, 41); color: white; text-align: center; } @@ -81,6 +82,7 @@ font-size: 3em; width: 3em; text-align: center; + background-color: rgb(24, 26, 27); } #in_btn { @@ -90,7 +92,7 @@ width: 1.5em; height: 1.55em; border: none; - background-color: rgb(153, 153, 153); + background-color: #52585C; color: rgb(240, 240, 240); margin-left: 5px; } @@ -109,11 +111,11 @@ } .learn_more { - color: rgb(0, 85, 212) + color: rgb(77, 169, 255); } .learn_more:hover { - color: rgb(224, 127, 0) + color: rgb(255, 165, 47); } @@ -222,8 +224,8 @@
-
-
+
+

Enter a Kanji

@@ -240,7 +242,7 @@
-
+