Reduce logo size, align menu right

Author: ThomasFarstrike

src/index.css

@@ -113,29 +113,24 @@ input:focus{
     padding: 2em;
 }
 
-/* header has: logo (25%) - menu (50%) - builtwith (20%) */
 header {
     background-color: #18222E;
     color: #fff;
     text-align: left;
-    padding: 0 0 0.5em 0;
+    padding: 1em;
 }
 
 header .logo {
-    margin: 1em;
-    width: 25%;
+    width: 15%;
 }
 
 .menu {
-    display: inline-block;
-    position: relative;
-    top: -1em;
-    width: 71%; /* 100% - 4% margin - 25% logo */
+    float: right;
+    width: 40%;
 }
 
 .menuitem {
-    display: inline-block;
-    text-align: center;
+    float: right;
     padding-left: 4%;
 }
 

src/index.html

@@ -28,7 +28,7 @@
                <div class="menuitem"><a href="#" class="menubutton" onclick="menuChange(event,1)">Features</a></div>
                <div class="menuitem"><a href="#" class="menubutton" onclick="menuChange(event,5)">About</a></div>
                <div class="menuitem"><a href="#" class="menubutton" onclick="menuChange(event,4)">Contact&nbsp;and&nbsp;Donate</a></div>
-	       <div class="menuitem">© 2024 Built with<a href="https://pears.com/" target="_blank"><img class="pearslogo" src="../images/pears-logo.svg"></a> <a href="https://github.com/PeerViewer/"  target="_blank"><img class="githublogo" src="../images/github-mark-white.svg"></a></div>
+	       <!-- <div class="menuitem">© 2024 Built with<a href="https://pears.com/" target="_blank"><img class="pearslogo" src="../images/pears-logo.svg"></a> <a href="https://github.com/PeerViewer/"  target="_blank"><img class="githublogo" src="../images/github-mark-white.svg"></a></div> -->
            </div>
         </header>
         <div class="main-content" id="content6">