Updating CSS once more

Author: Martin Brignall

assets/head.html

@@ -1,4 +1,4 @@
-<link rel="stylesheet" type="text/css" href="/styles.css"/>
+<link rel="stylesheet" type="text/css" href="/stylesheet.css"/>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fira+Mono&display=swap">
 <link rel="icon" type="image/x-icon" href="/favicon.ico">

assets/styles.css assets/stylesheet.cssassets/styles.css renamed to assets/stylesheet.css

@@ -9,38 +9,35 @@
 /* Mobile Devices */
 @media (max-width: 480px) {
      body {
-         width: 32rem;
+         width: 90%;
      }
 }
 
 /* Low resolution Tablets and iPads */
 @media (min-width: 481px) and (max-width: 767px) {
      body {
-         width: 42rem;
-
+         width: 90%;
      }
 }
 
 /* Tablets iPads (Portrait) */
 @media (min-width: 768px) and (max-width: 1024px){
      body {
-         width: 46rem;
-
+         width: 90%;
      }
 }
 
  /* Laptops and Desktops */
 @media (min-width: 1025px) and (max-width: 1280px){
      body {
-         width: 48rem;
-
+         width: 80%;
      }
 }
 
 /* Big boi Monitors */
 @media (min-width: 1281px) {
      body {
-         width: 58rem;
+         width: 70%;
 
      }
 }