Improve laptop styling

Author: ThomasFarstrike

src/index.css

@@ -108,6 +108,9 @@ input:focus{
 #content4 .innermain-content {
     width: 70%;
 }
+#content6 .innermain-content {
+    width: 45%;
+}
 .main-content {
     display: none; /* by default, main-content is not visible until enable by the javascript menu - except content0 (see below) */
     flex-wrap: wrap;
@@ -320,7 +323,10 @@ img.headericon {
 
 #content6 img.laptop {
     position: absolute;
-    width: 55%;
+    right: 2%;
+    bottom: 10%;
+    max-width: 60%;
+    max-height: 60%;
 }
 
 #content4 img.donate {

src/index.html

@@ -30,13 +30,13 @@
                <div class="menuitem"><a href="#" class="menubutton" onclick="menuChange(event,4)">Contact&nbsp;and&nbsp;Donate</a></div>
            </div>
         </header>
-        <div class="main-content" id="content6">
-	     <div class="twocolumns column1">
+        <div class="outermain-content" id="content6">
+	     <div class="innermain-content onecolumn">
 		<h1>Direct, Secure and Uninterrupted Remote Access - The P2P Way</h1>
 		<p>PeerViewer is a fully peer-to-peer remote desktop applications that lets you securely access and control computers anywhere, anytime, without the need for centralized servers. It's the privacy-focused, cost-effective solution for seamless remote support and collaboration.</p>
 		<a href="https://github.com/PeerViewer/codebase/releases/" class="bigbutton regulardownloadbutton" target="_blank"><div>Download PeerViewer to get started</div></a>
 	    </div>
-	     <div>
+	     <div class="">
 		<img src="../images/laptop.png" class="laptop"/>
 	    </div>
 	</div>