diff --git a/AccountCentre/AccountCentre.css b/AccountCentre/AccountCentre.css
index 0dbd6f5..e9d33d5 100644
--- a/AccountCentre/AccountCentre.css
+++ b/AccountCentre/AccountCentre.css
@@ -1,3 +1,271 @@
+@media only screen and (max-aspect-ratio: 1.165/1) {
+    .Logo{
+        margin-left:1vh;
+        transition: 0.25s;
+        padding-right:1vh;
+        background-image: url("Logo.png");
+        background-repeat: no-repeat;
+        background-size: contain;
+        width: 6vh;
+        height:6vh;
+    }
+    .Title{
+        transition: 0.25s;
+        text-shadow: #8cefff 0vh 0vh 0vh;
+        user-select: none;
+        font-family: "Arial", serif;
+        font-weight: bolder;
+        color:white;
+        font-size: 2.5vh;
+    }
+    .HotbarButton:hover{
+        cursor: pointer;
+        margin-right: 1vh;
+        width:35vw;
+        height: 6vh;
+        filter: drop-shadow(0 0 2vh #8cefff);
+        transform: scale(1.1) translateY(1%);
+        border-top: #8cefff 0.3vh solid;
+        border-left: #8cefff 0.3vh solid;
+        border-bottom: none;
+        border-right: none;
+    }
+    .HotbarButton{
+        border: none;
+        user-select: none;
+        transition: 0.25s;
+        margin-right: 0.5vh;
+        margin-left: 0.5vh;
+        display: flex;
+        justify-content: center;
+        flex-direction: row;
+        align-content: center;
+        align-items: center;
+        font-family: "Arial", serif;
+        font-weight: bolder;
+        font-size: 2vh;
+        width: 30vw;
+        height: 5vh;
+        border-radius: 5vh;
+        color:white;
+        text-shadow: #8cefff 0vh 0vh 0vh;
+        background-image: linear-gradient(to bottom, rgba(100,200,255,0.5), rgba(100,200,255,0.25), rgba(100,200,255,0.15), rgba(100,200,255,0.35));
+        border-bottom: #8cefff 0.3vh solid;
+        border-right: #8cefff 0.3vh solid;
+    }
+    .HotbarWrapper{
+        flex-direction: column !important;
+        overflow-x: clip;
+        transition: 0.5s;
+        width: 100vw;
+        height: 15vh;
+        display: flex;
+        justify-content: start;
+        align-items: center;
+        align-content: center;
+        box-shadow: #121e29 0 0 5vh;
+        background-image: linear-gradient(to bottom,rgba(52, 184, 254,0.3) ,rgba(52, 184, 254,0.5),rgba(22, 144, 254,0.25),rgba(12, 64, 124,0.5));
+        border-bottom: #8cefff 0.3vh solid;
+    }
+    .ErrorMessageWrapper{
+        display: flex;
+        position: absolute;
+        justify-content: center;
+        align-items: center;
+        align-content: center;
+        flex-direction: column;
+        width: 75vw;
+        height: 50vh;
+        top: 50vh;
+        left:50vw;
+        transform: translate(-50%,-50%);
+    }
+    .ErrorMessageImage{
+        background-image: url("../GeneralAssets/mascotchibi/chibilost.png");
+        background-repeat: no-repeat;
+        background-size: 7.5vh;
+        transition: 0.25s;
+        min-width: 7.5vh !important;
+        min-height: 8.4375vh !important;
+        image-rendering: pixelated;
+
+    }
+    .ErrorMessage:hover{
+        .ErrorMessageImage{
+            transform: scale(1);
+            max-width: 6.43vh !important;
+            min-height: 8.9375vh !important;
+            background-position-y: 105%;
+            background-image: url("../GeneralAssets/mascotchibi/chibiquestion.png");
+        }
+    }
+    .ErrorMessage{
+        padding: 1vh;
+        filter: drop-shadow(0 0.5vh 3vh #8cefff);
+        border-top: #8cefff 0.3vh solid;
+        border-left: #8cefff 0.3vh solid;
+        border-right: rgba(32,120,155,1) 0.3vh solid;
+        border-bottom: rgba(32,120,155,1) 0.3vh solid;
+        text-shadow: #223342 0 0 2vh;
+        background-image:linear-gradient(to bottom right,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.3) ,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.25)), linear-gradient(to bottom,rgba(52, 184, 254,0.4),rgba(52, 184, 254,0.0) ,rgba(52, 184, 254,0.3),rgba(22, 144, 254,0.15),rgba(12, 64, 124,0.25));
+        border-radius: 5vh;
+        display: flex;
+        align-content: center;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        transition: 0.25s;
+        user-select: none;
+        font-family: "Arial", serif;
+        font-weight: bolder;
+        color:white;
+        font-size: 2vh;
+        text-align: center;
+    }
+}
+@media only screen and (min-aspect-ratio: 1.165/1) {
+    .Logo{
+        margin-left:1vh;
+        transition: 0.25s;
+        padding-right:1vh;
+        background-image: url("Logo.png");
+        background-repeat: no-repeat;
+        background-size: contain;
+        width: 8vh;
+        height:8vh;
+    }
+    .Title{
+        transition: 0.25s;
+        text-shadow: #8cefff 0vh 0vh 0vh;
+        user-select: none;
+        font-family: "Arial", serif;
+        font-weight: bolder;
+        color:white;
+        font-size: 4vh;
+    }
+    .HotbarButton:hover{
+        cursor: pointer;
+        margin-right: 2vh;
+        width:22.5vh;
+        height: 7vh;
+        filter: drop-shadow(0 0 2vh #8cefff);
+        transform: scale(1.1) translateY(1%);
+        border-top: #8cefff 0.3vh solid;
+        border-left: #8cefff 0.3vh solid;
+        border-bottom: none;
+        border-right: none;
+    }
+    .HotbarButton{
+        border: none;
+        user-select: none;
+        transition: 0.25s;
+        margin-right: 1vh;
+        margin-left: 1vh;
+        display: flex;
+        justify-content: center;
+        flex-direction: row;
+        align-content: center;
+        align-items: center;
+        font-family: "Arial", serif;
+        font-weight: bolder;
+        font-size: 4vh;
+        width: 20vh;
+        height: 6vh;
+        border-radius: 5vh;
+        color:white;
+        text-shadow: #8cefff 0vh 0vh 0vh;
+        background-image: linear-gradient(to bottom, rgba(100,200,255,0.5), rgba(100,200,255,0.25), rgba(100,200,255,0.15), rgba(100,200,255,0.35));
+        border-bottom: #8cefff 0.3vh solid;
+        border-right: #8cefff 0.3vh solid;
+    }
+    .HotbarWrapper:hover{
+        .Logo{
+            height:9vh;
+            width: 9vh;
+        }
+        .Title{
+            font-size: 4.5vh;
+        }
+        .HotbarButton{
+            height: 7vh;
+        }
+        .AccountIcon{
+            margin-left:1vh;
+            transition: 0.25s;
+            margin-right:1vh;
+            width: 9vh;
+            height:9vh;
+        }
+        height: 12vh;
+    }
+    .HotbarWrapper{
+        overflow-x: clip;
+        transition: 0.5s;
+        width: 100vw;
+        height: 9vh;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        align-content: center;
+        box-shadow: #121e29 0 0 5vh;
+        background-image: linear-gradient(to bottom,rgba(52, 184, 254,0.3) ,rgba(52, 184, 254,0.5),rgba(22, 144, 254,0.25),rgba(12, 64, 124,0.5));
+        border-bottom: #8cefff 0.3vh solid;
+    }
+    .ErrorMessageWrapper{
+        display: flex;
+        position: absolute;
+        justify-content: center;
+        align-items: center;
+        align-content: center;
+        flex-direction: column;
+        width: 50vw;
+        height: 50vh;
+        top: 50vh;
+        left:50vw;
+        transform: translate(-50%,-50%);
+    }
+    .ErrorMessageImage{
+        background-image: url("../GeneralAssets/mascotchibi/chibilost.png");
+        background-repeat: no-repeat;
+        background-size: 15vh;
+        transition: 0.25s;
+        min-width: 15vh !important;
+        min-height: 16.875vh !important;
+        image-rendering: pixelated;
+
+    }
+    .ErrorMessage:hover{
+        .ErrorMessageImage{
+            transform: scale(1);
+            max-width: 12.86vh !important;
+            min-height: 17.875vh !important;
+            background-position-y: 105%;
+            background-image: url("../GeneralAssets/mascotchibi/chibiquestion.png");
+        }
+    }
+    .ErrorMessage{
+        padding: 2vh;
+        filter: drop-shadow(0 0.5vh 3vh #8cefff);
+        border-top: #8cefff 0.3vh solid;
+        border-left: #8cefff 0.3vh solid;
+        border-right: rgba(32,120,155,1) 0.3vh solid;
+        border-bottom: rgba(32,120,155,1) 0.3vh solid;
+        text-shadow: #223342 0 0 2vh;
+        background-image:linear-gradient(to bottom right,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.3) ,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.25)), linear-gradient(to bottom,rgba(52, 184, 254,0.4),rgba(52, 184, 254,0.0) ,rgba(52, 184, 254,0.3),rgba(22, 144, 254,0.15),rgba(12, 64, 124,0.25));
+        border-radius: 5vh;
+        display: flex;
+        align-content: center;
+        justify-content: center;
+        align-items: center;
+        transition: 0.25s;
+        user-select: none;
+        font-family: "Arial", serif;
+        font-weight: bolder;
+        color:white;
+        font-size: 4vh;
+        text-align: center;
+    }
+}
 body{
     background-image: linear-gradient(to bottom,#245a80 10vh,transparent 90vh ), linear-gradient(to bottom right, #063657,#031d2e );
     background-size: cover;
@@ -6,83 +274,7 @@ body{
     padding: 0;
     height: 100vh;
 }
-.HotbarWrapper{
-    overflow-x: clip;
-    transition: 0.5s;
-    width: 100vw;
-    height: 9vh;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    align-content: center;
-    box-shadow: #121e29 0 0 5vh;
-    background-image: linear-gradient(to bottom,rgba(52, 184, 254,0.3) ,rgba(52, 184, 254,0.5),rgba(22, 144, 254,0.25),rgba(12, 64, 124,0.5));
-    border-bottom: #8cefff 0.3vh solid;
-}
-.Logo{
-    margin-left:1vh;
-    transition: 0.25s;
-    padding-right:1vh;
-    background-image: url("Logo.png");
-    background-repeat: no-repeat;
-    background-size: contain;
-    width: 8vh;
-    height:8vh;
-    }
-.ErrorMessageWrapper{
-    display: flex;
-    position: absolute;
-    justify-content: center;
-    align-items: center;
-    align-content: center;
-    flex-direction: column;
-    width: 50vw;
-    height: 50vh;
-    top: 50vh;
-    left:50vw;
-    transform: translate(-50%,-50%);
-}
-.ErrorMessageImage{
-    background-image: url("../GeneralAssets/mascotchibi/chibilost.png");
-    background-repeat: no-repeat;
-    background-size: 15vh;
-    transition: 0.25s;
-    min-width: 15vh !important;
-    min-height: 16.875vh !important;
-    image-rendering: pixelated;
 
-}
-.ErrorMessage:hover{
-    .ErrorMessageImage{
-        transform: scale(1);
-        max-width: 12.86vh !important;
-        min-height: 17.875vh !important;
-        background-position-y: 105%;
-        background-image: url("../GeneralAssets/mascotchibi/chibiquestion.png");
-    }
-}
-.ErrorMessage{
-    padding: 2vh;
-    filter: drop-shadow(0 0.5vh 3vh #8cefff);
-    border-top: #8cefff 0.3vh solid;
-    border-left: #8cefff 0.3vh solid;
-    border-right: rgba(32,120,155,1) 0.3vh solid;
-    border-bottom: rgba(32,120,155,1) 0.3vh solid;
-    text-shadow: #223342 0 0 2vh;
-    background-image:linear-gradient(to bottom right,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.3) ,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.25)), linear-gradient(to bottom,rgba(52, 184, 254,0.4),rgba(52, 184, 254,0.0) ,rgba(52, 184, 254,0.3),rgba(22, 144, 254,0.15),rgba(12, 64, 124,0.25));
-    border-radius: 5vh;
-    display: flex;
-    align-content: center;
-    justify-content: center;
-    align-items: center;
-    transition: 0.25s;
-    user-select: none;
-    font-family: "Arial", serif;
-    font-weight: bolder;
-    color:white;
-    font-size: 4vh;
-    text-align: center;
-}
 .LogInButtonWrapper{
     transform: scale(1.5);
     margin-top: 5vh;
@@ -92,26 +284,6 @@ body{
     align-content: center;
     flex-direction: row;
 }
-.HotbarWrapper:hover{
-    .Logo{
-        height:9vh;
-        width: 9vh;
-    }
-    .Title{
-        font-size: 4.5vh;
-    }
-    .HotbarButton{
-        height: 7vh;
-    }
-    .AccountIcon{
-        margin-left:1vh;
-        transition: 0.25s;
-        margin-right:1vh;
-        width: 9vh;
-        height:9vh;
-    }
-    height: 12vh;
-}
 .AccountIcon:hover{
     transform: scale(1.2) translateY(0);
     filter: drop-shadow(0 0 2vh #8cefff);
@@ -135,41 +307,6 @@ body{
     transform: scale(1.2) translateY(0);
     filter: drop-shadow(0 0 2vh #8cefff);
 }
-.HotbarButton:hover{
-    cursor: pointer;
-    margin-right: 2vh;
-    width:22.5vh;
-    height: 7vh;
-    filter: drop-shadow(0 0 2vh #8cefff);
-    transform: scale(1.1) translateY(1%);
-    border-top: #8cefff 0.3vh solid;
-    border-left: #8cefff 0.3vh solid;
-    border-bottom: none;
-    border-right: none;
-}
-.HotbarButton{
-    border: none;
-    user-select: none;
-    transition: 0.25s;
-    margin-right: 1vh;
-    margin-left: 1vh;
-    display: flex;
-    justify-content: center;
-    flex-direction: row;
-    align-content: center;
-    align-items: center;
-    font-family: "Arial", serif;
-    font-weight: bolder;
-    font-size: 4vh;
-    width: 20vh;
-    height: 6vh;
-    border-radius: 5vh;
-    color:white;
-    text-shadow: #8cefff 0vh 0vh 0vh;
-    background-image: linear-gradient(to bottom, rgba(100,200,255,0.5), rgba(100,200,255,0.25), rgba(100,200,255,0.15), rgba(100,200,255,0.35));
-    border-bottom: #8cefff 0.3vh solid;
-    border-right: #8cefff 0.3vh solid;
-}
 .HotbarSection{
     display: flex;
     justify-content: center;
@@ -193,15 +330,6 @@ body{
     overflow: hidden;
     pointer-events: none;
 }
-.Title{
-    transition: 0.25s;
-    text-shadow: #8cefff 0vh 0vh 0vh;
-    user-select: none;
-    font-family: "Arial", serif;
-    font-weight: bolder;
-    color:white;
-    font-size: 4vh;
-}
 .Copyright{
     border-radius: 5vh;
     position: fixed;
diff --git a/AccountCentre/AccountWindow.css b/AccountCentre/AccountWindow.css
index f3b4600..f45da19 100644
--- a/AccountCentre/AccountWindow.css
+++ b/AccountCentre/AccountWindow.css
@@ -1,3 +1,100 @@
+@media only screen and (max-aspect-ratio: 1.165/1) {
+    .LoginField{
+        min-width: 90%;
+        min-height:5vh;
+        padding: 1vh 5vh;
+        backdrop-filter: blur(15px);
+        border-radius: 2.5vh;
+        margin-bottom: 1vh;
+        flex-direction: column-reverse;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        align-content: center;
+    }
+    .IconText{
+        font-family: "Arial", serif;
+        font-size: 1vh !important;
+        user-select: none;
+    }
+    .whiteText{
+        padding-bottom: 1vh;
+        text-align: center;
+        text-shadow: #0e4044 0.15vh 0.35vh 1vh;
+        font-family: "Arial", serif;
+        color: white;
+        font-size: 2vh;
+    }
+    .PopUpWrapper{
+        pointer-events: all;
+        z-index: 100 !important;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        align-content: center;
+        flex-direction: column;
+        width: 95vw;
+        height: 85vh;
+        left: 50vw;
+        top: 50vh;
+        position: absolute;
+        transform: translate(-50%,-50%);
+    }
+    .WindowTitle{
+        font-family: "Arial", serif;
+        font-size: 1.35vh !important;
+        color: white;
+        text-shadow: #0e4044 0.15vh 0.35vh 1vh;
+        margin-left:0.25vh;
+    }
+}
+@media only screen and (min-aspect-ratio: 1.165/1) {
+    .LoginField{
+        min-width: 90%;
+        min-height:5vh;
+        padding: 1vh 5vh;
+        backdrop-filter: blur(15px);
+        border-radius: 2.5vh;
+        margin-bottom: 1vh;
+        display: flex;
+        justify-content: left;
+        align-items: center;
+        align-content: center;
+    }
+    .WindowTitle{
+        font-family: "Arial", serif;
+        font-size: 2.35vh;
+        color: white;
+        text-shadow: #0e4044 0.15vh 0.35vh 1vh;
+        margin-left:0.25vh;
+    }
+    .PopUpWrapper{
+        pointer-events: all;
+        z-index: 100 !important;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        align-content: center;
+        flex-direction: column;
+        width: 50vw;
+        height: 85vh;
+        left: 50vw;
+        top: 50vh;
+        position: absolute;
+        transform: translate(-50%,-50%);
+    }
+    .IconText{
+        font-family: "Arial", serif;
+        font-size: 1.35vh !important;
+        user-select: none;
+    }
+    .whiteText{
+        text-shadow: #0e4044 0.15vh 0.35vh 1vh;
+        font-family: "Arial", serif;
+        color: white;
+        font-size: 3.35vh;
+    }
+}
 .windowIcon{
     user-select: none;
     z-index: 55 !important;
@@ -16,21 +113,7 @@ Button{
     background: transparent;
     border: none;
 }
-.PopUpWrapper{
-    pointer-events: all;
-    z-index: 100 !important;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    align-content: center;
-    flex-direction: column;
-    width: 50vw;
-    height: 85vh;
-    left: 50vw;
-    top: 50vh;
-    position: absolute;
-    transform: translate(-50%,-50%);
-}
+
 .DraggableWrapper{
     pointer-events: all;
     z-index: 50; /*!important;*/
@@ -133,40 +216,11 @@ Button{
 .WindowBody.Dragging{
     box-shadow: 2vh 3vh 3vh #121e29;
 }
-.WindowTitle{
-    font-family: "Arial", serif;
-    font-size: 2.35vh;
-    color: white;
-    text-shadow: #0e4044 0.15vh 0.35vh 1vh;
-    margin-left:0.25vh;
-}
-.IconText{
-    font-family: "Arial", serif;
-    font-size: 1.35vh !important;
-    user-select: none;
-}
-.whiteText{
-    text-shadow: #0e4044 0.15vh 0.35vh 1vh;
-    font-family: "Arial", serif;
-    color: white;
-    font-size: 3.35vh;
-}
+
 .FormBoxWrapper{
     margin: 3vh;
     min-width: 90%;
 }
-.LoginField{
-    min-width: 90%;
-    min-height:5vh;
-    padding: 1vh 5vh;
-    backdrop-filter: blur(15px);
-    border-radius: 2.5vh;
-    margin-bottom: 1vh;
-    display: flex;
-    justify-content: left;
-    align-items: center;
-    align-content: center;
-}
 .minimised{
     top: 200vh !important;
     transition: 0.5s !important;
diff --git a/AccountCentre/DragAccountWindows.js b/AccountCentre/DragAccountWindows.js
index 47da947..c0ee362 100644
--- a/AccountCentre/DragAccountWindows.js
+++ b/AccountCentre/DragAccountWindows.js
@@ -2,20 +2,13 @@ function DragWindow(Window) {
     var Touchscreen = false;
     var CalculatedLeft = 0, CalculatedTop = 0, OldLeft = 0, OldTop = 0;
     Window.children[0].addEventListener('mousedown', mouseDown);
-    Window.children[0].addEventListener('touchstart', mouseDown);
 
     function mouseDown(mouse) {
-        Touchscreen = mouse.type === "touchstart";
         mouse.preventDefault();
         if (!Window.classList.contains('DraggingActive')) {
             Window.style.zIndex = "" + 55;
-            if (Touchscreen) {
-                document.addEventListener('touchmove', mouseMove);
-                document.addEventListener('touchend', mouseUp);
-            } else {
-                document.addEventListener('mousemove', mouseMove);
-                document.addEventListener('mouseup', mouseUp);
-            }
+            document.addEventListener('mousemove', mouseMove);
+            document.addEventListener('mouseup', mouseUp);
             Window.classList.add('DraggingActive');
             Window.children[1].classList.add("Dragging");
             OldLeft = mouse.clientX;
@@ -36,23 +29,14 @@ function DragWindow(Window) {
             OldTop = mouse.clientY;
             Window.style.top = ((Window.offsetTop - CalculatedTop) / innerHeight) * 100 + 'vh';//clamp(((Window.offsetTop - CalculatedTop) / innerHeight) * 100, 0, (((innerHeight - Window.offsetHeight) / innerHeight) * 100) - 5) + 'vh';
             Window.style.left = ((Window.offsetLeft - CalculatedLeft) / innerWidth) * 100 + 'vw'; //clamp(((Window.offsetLeft - CalculatedLeft) / innerWidth) * 100, 0, (((innerWidth - Window.offsetWidth) / innerWidth) * 100) - 0.5) + 'vw';
-        } else {
-            Window.style.top = (mouse.changedTouches[0].clientY / innerHeight) * 100 + 'vh';//clamp((mouse.changedTouches[0].clientY / innerHeight) * 100, 0, (((innerHeight - Window.offsetHeight) / innerHeight) * 100) - 5) + 'vh';
-            Window.style.left = (mouse.changedTouches[0].clientX / innerWidth) * 100 + 'vw';//clamp((mouse.changedTouches[0].clientX / innerWidth) * 100, 0, (((innerWidth - Window.offsetWidth) / innerWidth) * 100) - 0.5) + 'vw';
         }
     }
 
     function mouseUp(mouse) {
         Window.children[1].classList.remove('Dragging');
         Window.classList.remove('DraggingActive');
-        if (Touchscreen) {
-            document.removeEventListener('touchmove', mouseMove);
-            document.removeEventListener('touchend', mouseUp);
-            Touchscreen = false;
-        } else {
-            document.removeEventListener('mousemove', mouseMove);
-            document.removeEventListener('mouseup', mouseUp);
-        }
+        document.removeEventListener('mousemove', mouseMove);
+        document.removeEventListener('mouseup', mouseUp);
         Window.children[1].style.transition = '0.5s';
         Window.style.zIndex = "" + 50;
         setTimeout(function () {
diff --git a/AccountCentre/LogInForm.php b/AccountCentre/LogInForm.php
index da3a1d2..e290be7 100644
--- a/AccountCentre/LogInForm.php
+++ b/AccountCentre/LogInForm.php
@@ -5,7 +5,7 @@
                 <div class="WindowTitle">log In</div>
             </div>
             <div class="WindowTitleBarContainer">
-                <Button id="FormBoxExitBtn" class=" ExitButton appTitleButton" onclick="removeWindow();"></Button>
+                <Button id="FormBoxExitBtn" class=" ExitButton appTitleButton" onclick="removeWindow();" on></Button>
             </div>
         </div>
         <div class="WindowBody" style="padding: 0; margin: 0;">
diff --git a/HalbearNetLanding/CompanyInformation.php b/HalbearNetLanding/CompanyInformation.php
index 22e37b3..2a60b2b 100644
--- a/HalbearNetLanding/CompanyInformation.php
+++ b/HalbearNetLanding/CompanyInformation.php
@@ -36,16 +36,16 @@ require_once("Hotbar.php");
         </div>
     </div>
 </div>
-<div class="halbearnetFooter">
+<div class="halbearnetFooter" style="margin-top: 10vh;">
     <div class="FooterContainer">
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 2vh; margin-right: 2vh; cursor: pointer; font-size: 3vh; text-align: left;">©Halbear Networking & Software Ltd 2025</a>
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: left;" onclick="document.location.href='UserAgreement.php';">User Agreement</a>
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: left;" onclick="document.location.href='DataCollection.php';">Data Collection Information</a>
+        <a class="FooterFont  " style="padding-bottom: 2vh; margin-right: 2vh; text-align: left;">©Halbear Networking & Software Ltd 2025</a>
+        <a class="FooterFont " style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: left;" onclick="document.location.href='UserAgreement.php';">User Agreement</a>
+        <a class="FooterFont " style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline;  text-align: left;" onclick="document.location.href='DataCollection.php';">Data Collection Information</a>
     </div>
     <div class="FooterContainer">
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 2vh; margin-right: 2vh; cursor: pointer; font-size: 3vh; text-align: right;">Useful Information:</a>
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; text-align: right; cursor: pointer; font-size: 3vh;" onclick="document.location.href='ContactUs.php';">Contact Us</a>
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: right;" onclick="document.location.href='CompanyInformation.php';">Company Information</a>
+        <a class=" FooterFont" style="padding-bottom: 2vh; margin-right: 2vh; text-align: right;">Useful Information:</a>
+        <a class=" FooterFont" style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: right; " onclick="document.location.href='ContactUs.php';">Contact Us</a>
+        <a class=" FooterFont" style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline;  text-align: right;" onclick="document.location.href='CompanyInformation.php';">Company Information</a>
     </div>
 </div>
 <div class="BackgroundFade" style="height: 135vh;"></div>
diff --git a/HalbearNetLanding/ContactUs.php b/HalbearNetLanding/ContactUs.php
index 40f2781..5638553 100644
--- a/HalbearNetLanding/ContactUs.php
+++ b/HalbearNetLanding/ContactUs.php
@@ -21,13 +21,13 @@ require("../Hidden/Security/StartSession.php");
 $Page = "CompanyInformation";
 require_once("Hotbar.php");
 ?>
-<div style="width: 100vw; height: 110vh;" onload="ChangeImg();">
-    <div tabindex="0" class="StaticContentContainer" style="position: absolute; left: 3vh; top: 11vh; width: 45vw; height: 10vh; display: flex; justify-content: center; align-items: center">
-        <a class="Title" >
+<div style="max-width: 100vw; height: 110vh; margin-right: 3vh;" onload="ChangeImg();">
+    <div tabindex="0" class="StaticContentContainer" style="position: absolute; left: 3vh; top: 11vh;margin-right: 3vh; min-width: 45vw; height: 10vh; display: flex; justify-content: center; align-items: center">
+        <a class="Title" style="margin-left: 1vh; margin-right: 1vh;" >
             Contact Us
         </a>
     </div>
-    <div tabindex="0" class="StaticContentContainer" style="position: absolute; left: 3vh; top: 26vh; width: 95vw; height: 78vh; flex-direction: row;">
+    <div tabindex="0" class="StaticContentContainer" style="position: absolute; left: 3vh; margin-right: 3vh; top: 26vh; max-width: 95vw; height: 78vh; flex-direction: row;">
         <div style="display: flex; flex-direction: column; justify-content: start; align-items: start; width: 100%; height: 100%;">
             <a class="LargeWhiteFont" style="padding: 2vh; font-size: 3vh; text-align: left;">
                 Halbear Networking & Software Ltd Support Email: <br> information@halbear.net<br>
@@ -37,18 +37,18 @@ require_once("Hotbar.php");
         </div>
     </div>
 </div>
-<div class="halbearnetFooter">
+<div class="halbearnetFooter" style="margin-top: 10vh;">
     <div class="FooterContainer">
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 2vh; margin-right: 2vh; cursor: pointer; font-size: 3vh; text-align: left;">©Halbear Networking & Software Ltd 2025</a>
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: left;" onclick="document.location.href='UserAgreement.php';">User Agreement</a>
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: left;" onclick="document.location.href='DataCollection.php';">Data Collection Information</a>
+        <a class="FooterFont  " style="padding-bottom: 2vh; margin-right: 2vh; text-align: left;">©Halbear Networking & Software Ltd 2025</a>
+        <a class="FooterFont " style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: left;" onclick="document.location.href='UserAgreement.php';">User Agreement</a>
+        <a class="FooterFont " style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline;  text-align: left;" onclick="document.location.href='DataCollection.php';">Data Collection Information</a>
     </div>
     <div class="FooterContainer">
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 2vh; margin-right: 2vh; cursor: pointer; font-size: 3vh; text-align: right;">Useful Information:</a>
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; text-align: right; cursor: pointer; font-size: 3vh;" onclick="document.location.href='ContactUs.php';">Contact Us</a>
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: right;" onclick="document.location.href='CompanyInformation.php';">Company Information</a>
+        <a class=" FooterFont" style="padding-bottom: 2vh; margin-right: 2vh; text-align: right;">Useful Information:</a>
+        <a class=" FooterFont" style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: right; " onclick="document.location.href='ContactUs.php';">Contact Us</a>
+        <a class=" FooterFont" style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline;  text-align: right;" onclick="document.location.href='CompanyInformation.php';">Company Information</a>
     </div>
 </div>
-<div class="BackgroundFade" style="height: 135vh;"></div>
+<div class="BackgroundFade" style="min-height: 135vh;"></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/HalbearNetLanding/DataCollection.php b/HalbearNetLanding/DataCollection.php
index 21ecb26..0d3dbcb 100644
--- a/HalbearNetLanding/DataCollection.php
+++ b/HalbearNetLanding/DataCollection.php
@@ -22,8 +22,8 @@ $Page = "DataCollection";
 require_once("Hotbar.php");
 ?>
 <div style="width: 100vw; height: 100%; margin-top: 10vh; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center;">
-    <div tabindex="0" class="StaticContentContainer" style="margin-bottom: 3vh; position: left: 3vh; top: 11vh; width: 45vw; height: 10vh; display: flex; justify-content: center; align-items: center">
-        <a class="Title" >
+    <div tabindex="0" class="StaticContentContainer" style="margin-bottom: 3vh; position: left: 3vh; top: 11vh; min-width: 45vw; height: 10vh; display: flex; justify-content: center; align-items: center">
+        <a class="Title" style="margin-left: 2vh; padding-right: 2vh;">
             Data Usage
         </a>
     </div>
@@ -57,14 +57,14 @@ require_once("Hotbar.php");
 </div>
 <div class="halbearnetFooter" style="margin-top: 10vh;">
     <div class="FooterContainer">
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 2vh; margin-right: 2vh; cursor: pointer; font-size: 3vh; text-align: left;">©Halbear Networking & Software Ltd 2025</a>
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: left;" onclick="document.location.href='UserAgreement.php';">User Agreement</a>
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: left;" onclick="document.location.href='DataCollection.php';">Data Collection Information</a>
+        <a class="FooterFont  " style="padding-bottom: 2vh; margin-right: 2vh; text-align: left;">©Halbear Networking & Software Ltd 2025</a>
+        <a class="FooterFont " style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: left;" onclick="document.location.href='UserAgreement.php';">User Agreement</a>
+        <a class="FooterFont " style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline;  text-align: left;" onclick="document.location.href='DataCollection.php';">Data Collection Information</a>
     </div>
     <div class="FooterContainer">
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 2vh; margin-right: 2vh; cursor: pointer; font-size: 3vh; text-align: right;">Useful Information:</a>
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; text-align: right; cursor: pointer; font-size: 3vh;" onclick="document.location.href='ContactUs.php';">Contact Us</a>
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: right;" onclick="document.location.href='CompanyInformation.php';">Company Information</a>
+        <a class=" FooterFont" style="padding-bottom: 2vh; margin-right: 2vh; text-align: right;">Useful Information:</a>
+        <a class=" FooterFont" style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: right; " onclick="document.location.href='ContactUs.php';">Contact Us</a>
+        <a class=" FooterFont" style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline;  text-align: right;" onclick="document.location.href='CompanyInformation.php';">Company Information</a>
     </div>
 </div>
 <div class="BackgroundFade" style="height: 560vh; !important;"></div>
diff --git a/HalbearNetLanding/StyleSheets/MainStyle.css b/HalbearNetLanding/StyleSheets/MainStyle.css
index 9f56eb2..a643bc3 100644
--- a/HalbearNetLanding/StyleSheets/MainStyle.css
+++ b/HalbearNetLanding/StyleSheets/MainStyle.css
@@ -63,51 +63,280 @@
     background-position: center;
     background-repeat: no-repeat;
 }
-.StaticContentContainer{
-    padding: 0;
-    filter: drop-shadow(0 0.5vh 3vh #8cefff);
-    border-top: #8cefff 0.3vh solid;
-    border-left: #8cefff 0.3vh solid;
-    border-right: rgba(32,120,155,1) 0.3vh solid;
-    border-bottom: rgba(32,120,155,1) 0.3vh solid;
-    text-shadow: #223342 0 0 2vh;
-    background-image:linear-gradient(to bottom right,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.2) ,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.15)), linear-gradient(to bottom,rgba(52, 184, 254,0.2),rgba(52, 184, 254,0.0) ,rgba(52, 184, 254,0.15),rgba(22, 144, 254,0.075),rgba(12, 64, 124,0.125));
-    border-radius: 5vh;
-    transform: translateY(3vh);
-    display: flex;
-    flex-direction: column;
-    justify-content: left;
-    align-items: flex-start;
-    background-color: rgba(190,240,240,.1);
-    transition: 0.5s;
+body{
+    overflow-x: hidden;
+    width: 100%;
 }
-.ContentContainer{
-    padding: 0;
-    filter: drop-shadow(0 0.5vh 3vh #8cefff);
-    border-top: #8cefff 0.3vh solid;
-    border-left: #8cefff 0.3vh solid;
-    border-right: rgba(32,120,155,1) 0.3vh solid;
-    border-bottom: rgba(32,120,155,1) 0.3vh solid;
-    text-shadow: #223342 0 0 2vh;
-    background-image:linear-gradient(to bottom right,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.3) ,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.25)), linear-gradient(to bottom,rgba(52, 184, 254,0.2),rgba(52, 184, 254,0.0) ,rgba(52, 184, 254,0.15),rgba(22, 144, 254,0.075),rgba(12, 64, 124,0.125));
-    border-radius: 5vh;
-    transform: translateY(3vh);
-    display: flex;
-    flex-direction: column;
-    justify-content: space-evenly;
-    align-items: center;
-    width: 22vw;
-    height: 70vh;
-    transition: 0.5s;
+@media only screen and (max-aspect-ratio: 1.165/1) {
+    .EntireContentWrapper{
+        min-height: 100vh;
+        overflow-y: hidden;
+    }
+    .FadeIndex{
+        position: absolute;
+        height: 360vh;
+        top: 0 !important;
+        bottom: 0 !important;
+        left: 0 !important;
+        right: 0 !important;
+    }
+    .StaticSizeableContainer{
+        display: flex;
+        flex-direction: column;
+        justify-content: space-evenly;
+        align-items: center;
+        width: 100%;
+        min-height: 100%;
+    }
+    .StaticContentContainer{
+        padding: 0;
+        filter: drop-shadow(0 0.5vh 3vh #8cefff);
+        border-top: #8cefff 0.3vh solid;
+        border-left: #8cefff 0.3vh solid;
+        border-right: rgba(32,120,155,1) 0.3vh solid;
+        border-bottom: rgba(32,120,155,1) 0.3vh solid;
+        text-shadow: #223342 0 0 2vh;
+        background-image:linear-gradient(to bottom right,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.2) ,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.15)), linear-gradient(to bottom,rgba(52, 184, 254,0.2),rgba(52, 184, 254,0.0) ,rgba(52, 184, 254,0.15),rgba(22, 144, 254,0.075),rgba(12, 64, 124,0.125));
+        border-radius: 10vw;
+        transform: translateY(3vh);
+        display: flex;
+        flex-direction: column;
+        justify-content: left;
+        align-items: flex-start;
+        background-color: rgba(190,240,240,.1);
+        transition: 0.5s;
+    }
+    .ContentContainer{
+        padding: 0;
+        filter: drop-shadow(0 0.5vh 3vh #8cefff);
+        border-top: #8cefff 0.3vh solid;
+        border-left: #8cefff 0.3vh solid;
+        border-right: rgba(32,120,155,1) 0.3vh solid;
+        border-bottom: rgba(32,120,155,1) 0.3vh solid;
+        text-shadow: #223342 0 0 2vh;
+        background-image:linear-gradient(to bottom right,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.3) ,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.25)), linear-gradient(to bottom,rgba(52, 184, 254,0.2),rgba(52, 184, 254,0.0) ,rgba(52, 184, 254,0.15),rgba(22, 144, 254,0.075),rgba(12, 64, 124,0.125));
+        border-radius: 5vh;
+        transform: translateY(3vh);
+        display: flex;
+        flex-direction: column;
+        justify-content: space-evenly;
+        align-items: center;
+        width: 92vw;
+        height: 70vh;
+        margin-top: 1vh;
+        margin-bottom: 1vh;
+        transition: 0.5s;
+    }
+    .LandingWrapper{
+        display: flex;
+        flex-direction: column;
+        justify-content: space-evenly;
+        align-items: center;
+        width: 100vw;
+        height: 200vh;
+        padding-bottom: 3vh;
+    }
+    .FooterFont{
+        cursor: pointer;
+        font-family: 'Lexend',serif; color:white; padding-left: 1vw !important;
+        font-size: 2vh !important;
+    }
+    .ShortcutButton{
+        font-size: 1vh !important;
+        margin: 0.5vh !important;
+        max-width: 21vw !important;
+        min-height: 7vh !important;
+        transform: translateY(-4.5vh);
+        border-radius: 5vw !important;
+    }
+    .InfoBoxButton{
+        min-width: 75vw !important;
+        min-height:6vh;
+        transform: translateY(-4.5vh);
+    }
+    .IntroWrapper{
+        margin-top: 15vh;
+        width: 100vw;
+        min-height: 100vh;
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+        align-items: center;
+        align-content: center;
+    }
+    .ShortcutButtonWrapper{
+        display: flex; flex-direction: row; justify-content: center; width: 100%; flex-wrap: wrap;
+    }
+    .FrontPageTextBox{
+        margin-top: 1vh;
+        margin-bottom: 1vh;
+        position: relative;
+        width: 94vw;
+    }
+    .WelcomeTitle{
+        height: 10vh;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+    .InfoBox{
+        height: 23vh;
+        flex-direction: row;
+    }
+    .ShortcutBox{
+        min-height: 24vh;
+        flex-direction: row;
+    }
+    .HotbarWrapper{
+        justify-content: flex-start !important;
+        flex-direction: column;
+        height: 13vh !important;
+    }
+    .TerrainGenBG{
+        margin-top: 5vh;
+        top:57vh;
+        height: 52.174vw;
+        width: 96vw;
+        aspect-ratio: 1.84;
+    }
+    .LargeWhiteFont{
+        font-size: 2.25vh !important;
+    }
+    .Title {
+        text-align: center;
+        font-size: 4vh !important;
+    }
+    .Logo{
+        height: 6vh !important;
+        width: 6vh !important;
+    }
+    .HotbarSection{
+        flex-wrap: wrap !important;
+        justify-content: center !important;
+    }
+    .HotbarButton{
+        margin: 0.1vh;
+        font-size: 1.85vh !important;
+        width: 22vw !important;
+        height: 5vh !important;
+    }
 }
-.LandingWrapper{
-    display: flex;
-    flex-direction: row;
-    justify-content: space-evenly;
-    align-items: center;
-    width: 100vw;
-    height: 80vh;
-    padding-bottom: 3vh;
+@media only screen and (min-aspect-ratio: 1.165/1) {
+    .FadeIndex{
+        height: 220vh !important;
+    }
+    .StaticSizeableContainer{
+        display: flex;
+        flex-direction: column;
+        justify-content: space-evenly;
+        align-items: center;
+        width: 100%;
+        height: 100%;
+    }
+    .StaticContentContainer{
+        padding: 0;
+        filter: drop-shadow(0 0.5vh 3vh #8cefff);
+        border-top: #8cefff 0.3vh solid;
+        border-left: #8cefff 0.3vh solid;
+        border-right: rgba(32,120,155,1) 0.3vh solid;
+        border-bottom: rgba(32,120,155,1) 0.3vh solid;
+        text-shadow: #223342 0 0 2vh;
+        background-image:linear-gradient(to bottom right,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.2) ,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.15)), linear-gradient(to bottom,rgba(52, 184, 254,0.2),rgba(52, 184, 254,0.0) ,rgba(52, 184, 254,0.15),rgba(22, 144, 254,0.075),rgba(12, 64, 124,0.125));
+        border-radius: 5vh;
+        transform: translateY(3vh);
+        display: flex;
+        flex-direction: column;
+        justify-content: left;
+        align-items: flex-start;
+        background-color: rgba(190,240,240,.1);
+        transition: 0.5s;
+    }
+    .ContentContainer{
+        padding: 0;
+        filter: drop-shadow(0 0.5vh 3vh #8cefff);
+        border-top: #8cefff 0.3vh solid;
+        border-left: #8cefff 0.3vh solid;
+        border-right: rgba(32,120,155,1) 0.3vh solid;
+        border-bottom: rgba(32,120,155,1) 0.3vh solid;
+        text-shadow: #223342 0 0 2vh;
+        background-image:linear-gradient(to bottom right,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.3) ,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.25)), linear-gradient(to bottom,rgba(52, 184, 254,0.2),rgba(52, 184, 254,0.0) ,rgba(52, 184, 254,0.15),rgba(22, 144, 254,0.075),rgba(12, 64, 124,0.125));
+        border-radius: 5vh;
+        transform: translateY(3vh);
+        display: flex;
+        flex-direction: column;
+        justify-content: space-evenly;
+        align-items: center;
+        width: 22vw;
+        height: 70vh;
+        transition: 0.5s;
+    }
+    .LandingWrapper{
+        display: flex;
+        flex-direction: row;
+        justify-content: space-evenly;
+        align-items: center;
+        width: 100vw;
+        height: 80vh;
+        padding-bottom: 3vh;
+    }
+    .FooterFont{
+        cursor: pointer;
+        font-family: 'Lexend',serif; color:white; padding-left: 2vh;
+        font-size: 3vh;
+    }
+    .ShortcutButtonWrapper{
+        display: flex;
+        flex-direction: row;
+        justify-content: space-evenly;
+        width: 100%
+    }
+    .ShortcutButton{
+        margin-left: 1vh;
+        height: 10vh !important;
+        transform: translateY(-4.5vh) !important;
+    }
+    .InfoBoxButton{
+        width: 80% !important;
+        height:10vh;
+        transform: translateY(-4.5vh) !important;
+    }
+    .IntroWrapper{
+        width: 100vw;
+        height: 100vh;
+    }
+    .WelcomeTitle{
+        top: 11vh;
+        height: 10vh;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+    .InfoBox{
+        top: 26vh;
+        height: 34vh;
+        flex-direction: row;
+    }
+    .ShortcutBox{
+        top: 63vh;
+        height: 24vh;
+        flex-direction: row;
+    }
+    .FrontPageTextBox{
+        position: absolute;
+        left: 3vh;
+        width: 45vw;
+    }
+    .HotbarWrapper{
+        flex-direction: row;
+    }
+    .TerrainGenBG{
+        position: absolute;
+        top:26vh;
+        height: auto;
+        width: 50vw;
+        aspect-ratio: 1.84;
+        left: 50vw;
+    }
 }
 .HotbarWrapper{
     z-index: 100;
@@ -154,6 +383,7 @@
 .RightFloat{
     margin-right: 1vw;
     min-width: 75vh;
+    max-width: 100vw;
 }
 .LargeWhiteFont{
     font-family: "Lexend", system-ui;
@@ -241,9 +471,7 @@ Button{
     top: 0;
     z-index: -1;
     width: 100vw;
-    height: 200vh;
     background-image: linear-gradient(to bottom, RGBA(3, 29, 46, 0.0), RGBA(3, 29, 46, 0.1) , RGBA(3, 29, 46, 1.0), RGBA(3, 29, 46, 1.0));
-
 }
 .LandingWrapper{
     //background-image: linear-gradient(to bottom right, RGBA(6, 54, 87,0), RGBA(6, 54, 87,0.5), RGBA(6, 54, 87,0.5),RGBA(3, 29, 46,1.0));
@@ -264,7 +492,6 @@ body{
     margin: 0;
     padding: 0;
     height: 100%;
-    overflow-x:hidden;
 }
 ::-webkit-scrollbar {
     width: 1.5vh;
diff --git a/HalbearNetLanding/UserAgreement.php b/HalbearNetLanding/UserAgreement.php
index 10c2d2c..a7ca58b 100644
--- a/HalbearNetLanding/UserAgreement.php
+++ b/HalbearNetLanding/UserAgreement.php
@@ -22,8 +22,8 @@ $Page = "UserAgreement";
 require_once("Hotbar.php");
 ?>
 <div style="width: 100vw; height: 100%; margin-top: 10vh; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center;">
-    <div tabindex="0" class="StaticContentContainer" style="margin-bottom: 3vh; position: left: 3vh; top: 11vh; width: 45vw; height: 10vh; display: flex; justify-content: center; align-items: center">
-        <a class="Title" >
+    <div tabindex="0" class="StaticContentContainer" style="margin-bottom: 3vh; position: left: 3vh; top: 11vh; min-width: 45vw; height: 10vh; display: flex; justify-content: center; align-items: center">
+        <a class="Title" style="margin-left: 2vh; padding-right: 2vh;" >
             User Agreement
         </a>
     </div>
@@ -68,14 +68,14 @@ require_once("Hotbar.php");
 </div>
 <div class="halbearnetFooter" style="margin-top: 10vh;">
     <div class="FooterContainer">
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 2vh; margin-right: 2vh; cursor: pointer; font-size: 3vh; text-align: left;">©Halbear Networking & Software Ltd 2025</a>
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: left;" onclick="document.location.href='UserAgreement.php';">User Agreement</a>
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: left;" onclick="document.location.href='DataCollection.php';">Data Collection Information</a>
+        <a class="FooterFont  " style="padding-bottom: 2vh; margin-right: 2vh; text-align: left;">©Halbear Networking & Software Ltd 2025</a>
+        <a class="FooterFont " style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: left;" onclick="document.location.href='UserAgreement.php';">User Agreement</a>
+        <a class="FooterFont " style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline;  text-align: left;" onclick="document.location.href='DataCollection.php';">Data Collection Information</a>
     </div>
     <div class="FooterContainer">
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 2vh; margin-right: 2vh; cursor: pointer; font-size: 3vh; text-align: right;">Useful Information:</a>
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; text-align: right; cursor: pointer; font-size: 3vh;" onclick="document.location.href='ContactUs.php';">Contact Us</a>
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: right;" onclick="document.location.href='CompanyInformation.php';">Company Information</a>
+        <a class=" FooterFont" style="padding-bottom: 2vh; margin-right: 2vh; text-align: right;">Useful Information:</a>
+        <a class=" FooterFont" style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: right; " onclick="document.location.href='ContactUs.php';">Contact Us</a>
+        <a class=" FooterFont" style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline;  text-align: right;" onclick="document.location.href='CompanyInformation.php';">Company Information</a>
     </div>
 </div>
 <div class="BackgroundFade" style="height: 501vh; !important;"></div>
diff --git a/HalbearNetLanding/index.php b/HalbearNetLanding/index.php
index 496d5ac..7c518fc 100644
--- a/HalbearNetLanding/index.php
+++ b/HalbearNetLanding/index.php
@@ -22,36 +22,37 @@ require("../Hidden/Security/StartSession.php");
 $Page = "home";
 require_once("Hotbar.php");
 ?>
-<div style="width: 100vw; height: 100vh;" onload="ChangeImg();">
-    <div tabindex="0" class="StaticContentContainer" style="position: absolute; left: 3vh; top: 11vh; width: 45vw; height: 10vh; display: flex; justify-content: center; align-items: center">
+<div class="EntireContentWrapper">
+<div class="IntroWrapper" style="" onload="ChangeImg();">
+    <div tabindex="0" class="StaticContentContainer FrontPageTextBox WelcomeTitle" style="">
         <a class="Title" >
             Welcome to Halbear.Net!
         </a>
     </div>
-    <div tabindex="0" class="StaticContentContainer" style="position: absolute; left: 3vh; top: 26vh; width: 45vw; height: 34vh; flex-direction: row;">
+    <div tabindex="0" class="StaticContentContainer FrontPageTextBox InfoBox" style=" ">
         <div style="display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; width: 100%; height: 100%;">
             <a class="LargeWhiteFont" style="padding: 2vh; font-size: 4vh; text-align: center;">
                 Halbear Networking & Software Ltd is a Software Developer based in Wales who specialises in Game Engine Development!<br><br>
             </a>
-            <button class="HotbarButton" style="width: 80%; height:10vh; transform: translateY(-4.5vh);" id="HalNet" onclick="window.location.href='../index.php'">Wanna Know More?</button>
+            <button class="HotbarButton InfoBoxButton" style="" id="HalNet" onclick="window.location.href='../index.php'">Wanna Know More?</button>
         </div>
     </div>
-    <div tabindex="0" class="StaticContentContainer" style="position: absolute; left: 3vh; top: 63vh; width: 45vw; height: 24vh; flex-direction: row;">
-        <div style="display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; width: 100%; height: 100%;">
+    <div class="TerrainGenBG" id="TerrainGen">
+
+    </div>
+    <div tabindex="0" class="StaticContentContainer FrontPageTextBox ShortcutBox" style="">
+        <div class="StaticSizeableContainer" style="">
             <a class="LargeWhiteFont" style="padding: 2vh; font-size: 3vh; text-align: center;">
                 this webiste is a landing page to make the important stuff easy to access, here are some shortcuts: <br><br>
             </a>
-            <div style="display: flex; flex-direction: row; justify-content: space-evenly; width: 100%">
-                <button class="HotbarButton" style="height: 10vh;transform: translateY(-4.5vh);" id="HalNet" onclick="window.location.href='../store.php'">Store</button>
-                <button class="HotbarButton" style="height: 10vh;transform: translateY(-4.5vh);" id="HalNet" onclick="window.location.href='../ForumWindow.php?desktop=true&fullscreen=true'">Forums</button>
-                <button class="HotbarButton" style="height: 10vh;transform: translateY(-4.5vh);" id="HalNet" onclick="window.location.href='../Software.php'">Software</button>
-                <button class="HotbarButton" style="height: 10vh;transform: translateY(-4.5vh);" id="HalNet" onclick="window.location.href='../Contact.php'">Contacts</button>
+            <div class="ShortcutButtonWrapper" style="">
+                <button class="HotbarButton ShortcutButton" style="" id="HalNet" onclick="window.location.href='../store.php'">Store</button>
+                <button class="HotbarButton ShortcutButton" style="" id="HalNet" onclick="window.location.href='../ForumWindow.php?desktop=true&fullscreen=true'">Forums</button>
+                <button class="HotbarButton ShortcutButton" style="" id="HalNet" onclick="window.location.href='../Software.php'">Software</button>
+                <button class="HotbarButton ShortcutButton" style="" id="HalNet" onclick="window.location.href='../Contact.php'">Contacts</button>
             </div>
         </div>
     </div>
-    <div class="TerrainGenBG" id="TerrainGen" style="position: absolute; top:26vh; height: auto; width: 50vw; aspect-ratio: 1.84; left: 50vw;">
-
-    </div>
 </div>
 <div tabindex="0" style="width: 100vw; display: flex; flex-direction: row; justify-content: center; align-items: center; transform: translateY(3vh);" class="Title">What we offer:</div>
 <div tabindex="0" class="LandingWrapper">
@@ -86,17 +87,18 @@ require_once("Hotbar.php");
 </div>
 <div class="halbearnetFooter">
     <div class="FooterContainer">
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 2vh; margin-right: 2vh; cursor: pointer; font-size: 3vh; text-align: left;">©Halbear Networking & Software Ltd 2025</a>
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: left;" onclick="document.location.href='UserAgreement.php';">User Agreement</a>
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: left;" onclick="document.location.href='DataCollection.php';">Data Collection Information</a>
+        <a class="FooterFont  " style="padding-bottom: 2vh; margin-right: 2vh; text-align: left;">©Halbear Networking & Software Ltd 2025</a>
+        <a class="FooterFont " style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: left;" onclick="document.location.href='UserAgreement.php';">User Agreement</a>
+        <a class="FooterFont " style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline;  text-align: left;" onclick="document.location.href='DataCollection.php';">Data Collection Information</a>
     </div>
     <div class="FooterContainer">
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 2vh; margin-right: 2vh; cursor: pointer; font-size: 3vh; text-align: right;">Useful Information:</a>
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; text-align: right; cursor: pointer; font-size: 3vh;" onclick="document.location.href='ContactUs.php';">Contact Us</a>
-        <a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: right;" onclick="document.location.href='CompanyInformation.php';">Company Information</a>
+        <a class=" FooterFont" style="padding-bottom: 2vh; margin-right: 2vh; text-align: right;">Useful Information:</a>
+        <a class=" FooterFont" style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: right; " onclick="document.location.href='ContactUs.php';">Contact Us</a>
+        <a class=" FooterFont" style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline;  text-align: right;" onclick="document.location.href='CompanyInformation.php';">Company Information</a>
     </div>
 </div>
-<div class="BackgroundFade" style="height: 220vh;"></div>
+    <div class="BackgroundFade FadeIndex" style=""></div>
+</div>
 <script>
     var Images = ["Assets/TerrainGen1.gif","Assets/TerrainGen2.gif","Assets/TerrainGen3.gif"];
     var index = 0;
diff --git a/Hotbar.php b/Hotbar.php
index 113273a..354dea0 100644
--- a/Hotbar.php
+++ b/Hotbar.php
@@ -38,7 +38,7 @@
     $arrApps = array();
     $Apps = scandir($Page."Apps");
     foreach ($Apps as $App) {
-        echo$Page."Apps" . '/' . $App;
+        //echo$Page."Apps" . '/' . $App;
         $filePath = $Page."Apps" . '/' . $App;
         if (is_file($filePath) && str_contains($filePath,"Icon.html")) {
             $Name = basename($filePath, "Icon.html");