nottinghamtec · jamesatjaminit · Aug 13, 2026 · Aug 13, 2026 · Aug 13, 2026 · Aug 13, 2026
diff --git a/index.html b/index.html
diff --git a/main.css b/main.css
@@ -1,14 +1,27 @@
 :root {
-  --blue: rgba(52, 81, 166, 0.5);
-  --darkblue: rgba(27, 42, 88, 0.5);
+    --blue: rgba(52, 81, 166, 0.5);
+    --darkblue: rgba(27, 42, 88, 0.5);
 }
 
-h1, h2, h3, h4, h5, p, a, li, span {
+h1,
+h2,
+h3,
+h4,
+h5,
+p,
+a,
+li,
+span {
     font-family: "Open Sans", sans-serif;
+    font-optical-sizing: auto;
+    font-style: normal;
+    font-variation-settings:
+        "wdth" 100;
     color: #fff;
 }
 
-h2, h3 {
+h2,
+h3 {
     font-weight: 200;
 }
 
@@ -28,29 +41,45 @@ body {
     margin: 0;
 }
 
+.mainBody {
+    padding-top: .5em;
+    padding-bottom: 0.5em;
+    grid-area: head;
+    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('static/images/gb.webp');
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    width: 100vw;
+    position: relative;
+    left: 50%;
+    right: 50%;
+    margin-left: -50vw;
+    margin-right: -50vw;
+}
+
 button {
-  background-color: var(--blue);
-  font-size: 1.5em;
-  padding: 0.5em;
-  border: none;
-  border-radius: .1em;
+    background-color: var(--blue);
+    font-size: 1.5em;
+    padding: 0.5em;
+    border: none;
+    border-radius: .1em;
 }
 
 button:hover {
-  background-color: rgba(52, 81, 166, 1);
-  box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.5);
+    background-color: rgba(52, 81, 166, 1);
+    box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.5);
 }
 
 p {
-  text-align: justify;
+    text-align: justify;
 }
 
 main {
-  min-width: 0;
+    min-width: 0;
 }
 
 .headshot {
-    width:5em;
+    width: 5em;
     border-radius: 50%;
 }
 
@@ -66,7 +95,7 @@ main {
     margin: 0 auto;
     grid-template-areas:
         'head'
-        'testemonial'
+        'testimonial'
         'nmi'
         'benefits'
         'socials'
@@ -87,26 +116,26 @@ main {
 
 .floating {
     border-radius: 0.1em;
-    box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.5);
+    box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.5);
     -webkit-border-radius: 0.1em;
     -moz-border-radius: 0.1em;
     -ms-border-radius: 0.1em;
     -o-border-radius: 0.1em;
 }
 
-.testemonial-quote {
+.testimonial-quote {
     width: 100%;
     background-color: var(--darkblue);
 }
 
-.testemonial-quote>h3 {
+.testimonial-quote>h3 {
     margin-left: 0.5em;
     margin-right: 0.5em;
 }
 
 .header {
     border-radius: 0.1em;
-    box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.5);
+    box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.5);
     background-color: var(--blue);
     padding: 0.5em;
 }
@@ -115,40 +144,47 @@ main {
     text-decoration: none;
 }
 
-#contact {
+.contact {
     display: flex;
     flex-wrap: nowrap;
     justify-content: space-evenly;
 }
 
-#socialimg {
+.socialimg {
     width: 100%;
     height: auto;
 }
 
-#testemonial-grid {
+#testimonial-grid {
     display: grid;
     grid-template-columns: min-content auto;
     justify-items: center;
     align-items: center;
     grid-gap: .5em;
 }
 
-#signup>* {
-    text-align: center
+.signup {
+    margin-top: 5em;
+
+    >* {
+        text-align: center
+    }
 }
 
-#header-background {
+.header-background {
+    display: flex;
+    flex-wrap: nowrap;
+    justify-content: center;
     padding: 0;
     padding-top: 0.2em;
     padding-left: 0.5em;
-    background-image: url('static/images/flash.jpg');
+    background-image: url('static/images/flash.webp');
     background-size: cover;
 }
 
 .header {
     border-radius: 0.1em;
-    box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.5);
+    box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.5);
     background-color: rgba(52, 81, 166, 0.5);
     padding: 0.5em;
 }
@@ -158,7 +194,12 @@ main {
     flex-direction: column;
     align-items: center;
     background-color: #212129;
-    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
+    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
+
+    h3 {
+        text-align: center;
+        font-size: 20px;
+    }
 }
 
 .header-text * {
@@ -171,23 +212,27 @@ main {
         grid-column-gap: 3em;
         width: 85%;
         grid-template-areas:
-        'head head'
-        'testemonial      nmi'
-        'benefits     socials'
-        'moose moose';
+            'head head'
+            'testimonial      nmi'
+            'benefits     socials'
+            'moose moose';
     }
-    #nmi {
+
+    .nmi {
         align-self: start;
     }
+
     #why {
         align-self: center;
         justify-self: center;
     }
-    #socialimg {
+
+    .socialimg {
         margin-left: 20%;
         margin-right: 20%;
         width: 60%;
     }
+
     #header-background {
         background-position-y: -450px;
     }
@@ -201,6 +246,18 @@ main {
     }
 }
 
+.moose {
+    width: 500px;
+    margin: 1em;
+}
+
+.footer {
+    background-image: url('static/images/background.webp');
+    background-size: cover;
+    padding-top: 0.5em;
+    padding-bottom: 0.5em
+}
+
 @media only screen and (max-width: 800px) {
     h1 {
         font-size: 2em;
@@ -219,7 +276,7 @@ main {
         padding-left: 0;
     }
 
-    #moose {
+    .moose {
         flex-direction: column !important;
         align-items: center;
     }
@@ -230,4 +287,3 @@ main {
         width: 70%;
     }
 }
-
diff --git a/popup.css b/popup.css
diff --git a/static/favicons/android-chrome-144x144.png b/static/favicons/android-chrome-144x144.png
diff --git a/static/favicons/android-chrome-192x192.png b/static/favicons/android-chrome-192x192.png
diff --git a/static/favicons/android-chrome-36x36.png b/static/favicons/android-chrome-36x36.png
diff --git a/static/favicons/android-chrome-48x48.png b/static/favicons/android-chrome-48x48.png
diff --git a/static/favicons/android-chrome-72x72.png b/static/favicons/android-chrome-72x72.png
diff --git a/static/favicons/android-chrome-96x96.png b/static/favicons/android-chrome-96x96.png
diff --git a/static/favicons/apple-touch-icon-114x114.png b/static/favicons/apple-touch-icon-114x114.png
diff --git a/static/favicons/apple-touch-icon-120x120.png b/static/favicons/apple-touch-icon-120x120.png
diff --git a/static/favicons/apple-touch-icon-144x144.png b/static/favicons/apple-touch-icon-144x144.png
diff --git a/static/favicons/apple-touch-icon-152x152.png b/static/favicons/apple-touch-icon-152x152.png
diff --git a/static/favicons/apple-touch-icon-180x180.png b/static/favicons/apple-touch-icon-180x180.png
diff --git a/static/favicons/apple-touch-icon-57x57.png b/static/favicons/apple-touch-icon-57x57.png
diff --git a/static/favicons/apple-touch-icon-60x60.png b/static/favicons/apple-touch-icon-60x60.png
diff --git a/static/favicons/apple-touch-icon-72x72.png b/static/favicons/apple-touch-icon-72x72.png
diff --git a/static/favicons/apple-touch-icon-76x76.png b/static/favicons/apple-touch-icon-76x76.png
diff --git a/static/favicons/apple-touch-icon-precomposed.png b/static/favicons/apple-touch-icon-precomposed.png
diff --git a/static/favicons/apple-touch-icon.png b/static/favicons/apple-touch-icon.png
diff --git a/static/favicons/favicon-16x16.png b/static/favicons/favicon-16x16.png
diff --git a/static/favicons/favicon-32x32.png b/static/favicons/favicon-32x32.png
diff --git a/static/favicons/favicon-96x96.png b/static/favicons/favicon-96x96.png
diff --git a/static/favicons/mstile-144x144.png b/static/favicons/mstile-144x144.png
diff --git a/static/favicons/mstile-150x150.png b/static/favicons/mstile-150x150.png
diff --git a/static/favicons/mstile-310x150.png b/static/favicons/mstile-310x150.png
diff --git a/static/favicons/mstile-310x310.png b/static/favicons/mstile-310x310.png
diff --git a/static/favicons/mstile-70x70.png b/static/favicons/mstile-70x70.png
diff --git a/static/images/background.jpg b/static/images/background.jpg
diff --git a/static/images/background.webp b/static/images/background.webp
diff --git a/static/images/campus_portland.jpeg b/static/images/campus_portland.jpeg
diff --git a/static/images/flash.jpg b/static/images/flash.jpg
diff --git a/static/images/flash.webp b/static/images/flash.webp
diff --git a/static/images/gb.jpg b/static/images/gb.jpg
diff --git a/static/images/gb.webp b/static/images/gb.webp
diff --git a/static/images/jess.jpg b/static/images/jess.jpg
diff --git a/static/images/jess.webp b/static/images/jess.webp
diff --git a/static/images/liv.jpg b/static/images/liv.jpg
diff --git a/static/images/liv.webp b/static/images/liv.webp
diff --git a/static/images/mattsface.jpeg b/static/images/mattsface.jpeg
diff --git a/static/images/mattsface.webp b/static/images/mattsface.webp
diff --git a/static/images/portland_studio.jpg b/static/images/portland_studio.jpg
diff --git a/static/images/portland_studio.webp b/static/images/portland_studio.webp
diff --git a/static/images/poster.png b/static/images/poster.png
diff --git a/static/images/poster.webp b/static/images/poster.webp
diff --git a/static/images/sam.jpg b/static/images/sam.jpg
diff --git a/static/images/sam.webp b/static/images/sam.webp
diff --git a/static/images/social.jpg b/static/images/social.jpg
diff --git a/static/images/social.webp b/static/images/social.webp
diff --git a/static/images/tec_logo_full.png b/static/images/tec_logo_full.png
diff --git a/static/images/tec_logo_full.webp b/static/images/tec_logo_full.webp
diff --git a/static/images/tec_logo_white.png b/static/images/tec_logo_white.png
diff --git a/static/images/tec_logo_white.webp b/static/images/tec_logo_white.webp
diff --git a/static/images/van.jpg b/static/images/van.jpg
diff --git a/static/images/van.webp b/static/images/van.webp
diff --git a/static/images/wa.jpg b/static/images/wa.jpg
diff --git a/static/images/wa.webp b/static/images/wa.webp