Remove footer

Author: ThomasFarstrike

src/index.css

@@ -29,12 +29,6 @@ a {
     color: #18222E;
 }
 
-header {
-    background-color: #18222E;
-    color: #fff;
-    text-align: left;
-    padding: 0 0 0.5em 0;
-}
 
 footer {
     background-color: #18222E;
@@ -56,11 +50,6 @@ footer a {
     color: #CAE2E9;
 }
 
-header .logo {
-    margin: 1em;
-    width: 25%;
-}
-
 h1 {
     font-family: GothamRndMedium;
     font-size: 42px;
@@ -119,11 +108,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;
+}
+
+header .logo {
+    margin: 1em;
+    width: 25%;
+}
+
 .menu {
     display: inline-block;
     position: relative;
     top: -1em;
-    width: 70%; /* 100% - 25% - 5% safety margin */
+    width: 50%;
 }
 
 .menuitem {
@@ -144,6 +146,14 @@ input:focus{
     transition: all 0.2s linear;
 }
 
+.builtwith {
+    display: inline-block;
+    position: relative;
+    top: -1em;
+    text-align: right;
+    width: 20%;
+}
+
 #column1 {
     border-right: solid;
 }

src/index.html

@@ -29,6 +29,7 @@
                <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>
+	   <div class="builtwith">© 2024 Built with<a href="https://pears.com/" target="_blank"><img class="pearslogo" src="../images/pears-logo.svg"></a></div>
         </header>
         <div class="main-content" id="content0">
             <div class="coverremotecontrol">
@@ -131,7 +132,6 @@ <h3>Building blocks</h3>
 		<button class="bigbutton" onClick="menuChange(event,4)">Any suggestions? Let us know!</button>
 	    </div>
 	</div>
-        <footer><span><a href="https://peerviewer.org" target="_blank">PeerViewer</a> © 2023 Built with<a href="https://pears.com/" target="_blank"><img class="pearslogo" src="../images/pears-logo.svg"></a></span></footer>
     </div>
     <script>
     function adaptForWeb() {