feat(styles.css): start configuring global styles

styles.css

-/*** Globals ***/
+/*** CREDITS ***/
+    /** Dynamic text sizes calculated using https://clamp.font-size.app **/
+
+/* Base stylesheet is for desktop, media queries alter layout for tablet and mobile */
+
+/*** Font Imports ***/
+
+    /* Poppins Bold Font Import */
+    @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap");
+
+    /* Segoe UI Semilight Configuration */
+    @font-face {
+    font-family: "Segoe UI";
+    font-weight: 300;
+    src: local("Segoe UI Semilight");
+    }
+
+/*** Global Styles ***/
 
     :root {
         /** This is the primary background colour for the website **/
@@ -61,9 +78,67 @@
                 --footer-purple: #1f172c;
     }
 
-@media only screen and (min-width: 1024px) {
+    * {
+        margin: 0;
+        padding: 0;
+
+        box-sizing: border-box;
+    }
+
+    html {
+        background-color: var(--main-dark);
+
+        font-family: "Segoe UI", sans-serif;
+
+        scroll-behavior: smooth;
+    }
+
+    section {
+        /* Creates border present between all sections */
+            border-bottom: var(--main-dark) 0.25rem solid;
+    }
+
+    footer {
+        background-color: var(--footer-purple);
+    }
+
+    h1, h2, h3, h4, h5, h6 {
+        font-family: "Poppins", sans-serif;
+    }
+
+    h2 {
+        font-size: clamp(3rem, 2.4578rem + 2.4096vw, 4rem);
+    }
+
+    img {
+        /* Creates border present around majority of images */
+            border: var(--main-dark) solid;
+            border-width: 0.3rem 0.45rem 0.45rem 0.3rem;
+    }
+
+
+/*** Navigation Styles ***/
+
+    
+
+
+/* 64em == 1024px */
+@media only screen and (min-width: 64em) {
+    /*** Global Styles ***/
         section, header, footer {
-        /* Restrict content of website to max 1024px */
-            padding-block: calc((100vw - 1024px) / 2);
+            /* Restrict content of website to max 64em */
+                padding-block: calc((100vw - 64em) / 2);
+        }
+}
+
+/* 37.5625em == 601px */
+@media only screen and (max-width: 37.5625em) {
+    /*** Global Styles -- Tablet ***/
+
 }
+
+/* 22.5em == 360px */
+@media only screen and (max-width: 22.5em) {
+    /*** Global Styles -- Mobile ***/
+
 }
\ No newline at end of file