diff --git a/index.php b/index.php
index ef563c1cc364878b134aba49765705e662d45c0d..75a2977b7f8746a27d7ad249d1ac353f809cdf79 100644
--- a/index.php
+++ b/index.php
@@ -15,10 +15,10 @@
<body>
<header>
<nav>
- <h1>Comment Syntax</h1>
<a id="logo" class="cursordefault" href="/"><img src="../Simpel.png" alt="simpel icon" height="48" width="48"></a>
+ <h1>Comment Syntax</h1>
<a id="github" href="https://github.com/SimpelMe/comment-syntax-finder" target="_blank" title="watch source code">
- <img id="github-cat" src="../github-cat-white.png" alt="github logo">
+ <img id="github-cat" src="../github.svg" alt="github logo">
</a>
</nav>
</header>
diff --git a/style.css b/style.css
index 8dea66d595fed53b58d37a660ae1ac4c469b006c..41a7420c929254d5f45cdf2313cf5e1ec1455752 100644
--- a/style.css
+++ b/style.css
@@ -45,26 +45,27 @@ a {
text-decoration: none;
}
-h1 {
- padding-left: 60px;
- line-height: 52px;
- margin-top: 3vmin;
+header {
+ margin-bottom: 1.5em;
+}
+
+nav {
+ display: flex;
+ align-items: center;
+ column-gap: 0.7em;
}
-#logo {
- float: left;
- position: absolute;
- top: 3vmin;
+h1 {
+ font-size: 1.5em;
+ margin: 0;
}
#github {
- position: absolute;
- top: 3.3vmin;
- right: 4vmin;
+ margin-left: auto;
}
#github-cat {
- height: 4vh;
+ height: 1.5em;
}
main {