Add footer, improve menu layout

Author: ThomasFarstrike

src/index.css

@@ -38,18 +38,22 @@ footer {
     bottom: 0;
     left: 0;
     right: 0;
-    padding: 0;
 }
 
-footer span {
-    position: relative;
-    top: -0.75em;
+footer .footerleft {
+    float: left;
+    margin: 0 0 0.75em 1em;
 }
 
 footer a {
     color: #CAE2E9;
 }
 
+footer .footerright {
+    margin: 0.5em 1em 0 0;
+    float: right;
+}
+
 h1 {
     font-family: GothamRndMedium;
     font-size: 42px;
@@ -116,21 +120,23 @@ input:focus{
 header {
     background-color: #18222E;
     color: #fff;
+    height: 1.75em;
     text-align: left;
     padding: 1em;
 }
 
 header .logo {
-    width: 15%;
+    float: left;
+    width: 13em;
 }
 
 .menu {
-    float: right;
-    width: 40%;
+    text-align: right;
 }
 
 .menuitem {
-    float: right;
+    display: inline-block;
+    font-size: 18px;
     padding-left: 4%;
 }
 
@@ -307,7 +313,7 @@ img.headericon {
     position: absolute;
     right: 0;
     bottom: 0;
-    max-height: 100%;
+    max-height: 75%;
     max-width: 35%;
 }
 

src/index.html

@@ -28,7 +28,6 @@
                <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>
         </header>
         <div class="main-content" id="content6">
@@ -140,6 +139,10 @@ <h3>Building blocks</h3>
 		<button class="bigbutton" onClick="menuChange(event,4)">Any suggestions? Let us know!</button>
 	    </div>
 	</div>
+        <footer>
+		<span class="footerleft"><a href="https://peerviewer.org" target="_blank">PeerViewer</a> © 2024 Built with<a href="https://pears.com/" target="_blank"><img class="pearslogo" src="../images/pears-logo.svg"></a></span>
+	       <span class="footerright"><a href="https://github.com/PeerViewer/"  target="_blank"><img class="githublogo" src="../images/github-mark-white.svg"></a></span>
+	</footer>
     </div>
     <script>
     function adaptForWeb() {