Added fonts to text and changed some smaller stuff

.idea/discord.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="DiscordProjectSettings">
+    <option name="show" value="PROJECT_FILES" />
+  </component>
+</project>

public/stylesheets/style.css

@@ -43,23 +43,36 @@ header nav a span {
     font-size: 3.2vh;
     font-family: 'Grifter'; }
 
-header nav #navbarSupportedContent23 ul {
+header nav #navbarSupportedContent23 ul li {
-  background-color: #CC7A98; }
+  background-color: #CC7A98;
-  header nav #navbarSupportedContent23 ul li {
+  text-align: center; }
-    text-align: center; }
+  header nav #navbarSupportedContent23 ul li a {
-    header nav #navbarSupportedContent23 ul li a {
+    color: #002234; }
-      color: #002234; }
+
+header nav #navbarSupportedContent23 ul .active {
+  background-color: #002234; }
+  header nav #navbarSupportedContent23 ul .active a {
+    color: #CC7A98; }
 
 main {
   padding: 0.5rem; }
-  main h1 span {
+  main h1 {
-    text-decoration: underline #CC7A98; }
+    padding-bottom: 1rem;
+    font-size: 50pt; }
+    main h1 span {
+      text-decoration: underline #CC7A98;
+      text-decoration-style: wavy; }
   main p {
+    font-size: 30pt;
     margin-bottom: 5px; }
 
 footer {
   text-align: center;
+  font-size: 1rem;
   padding-bottom: 0.5rem; }
+  footer a {
+    color: #CC7A98;
+    text-decoration: underline #CC7A98; }
 
 .ham {
   width: 30px;

public/stylesheets/style.sass

@@ -51,24 +51,36 @@ header
 
         #navbarSupportedContent23
             ul
-                background-color: $pink
                 li
+                    background-color: $pink
                     text-align: center
                     a
                         color: $black
+                .active
+                    background-color: $black
+                    a
+                        color: $pink
 
 main
     padding: 0.5rem
     h1
+        padding-bottom: 1rem
+        font-size: 50pt
         span
             text-decoration: underline $pink
+            text-decoration-style: wavy
     p
+        font-size: 30pt
         margin-bottom: 5px
 
 
 footer
     text-align: center
+    font-size: 1rem
     padding-bottom: 0.5rem
+    a
+        color: $pink
+        text-decoration: underline $pink
 
 // Nav stuff
 

views/index.pug

@@ -39,18 +39,20 @@ block content
             // left hand text
             .home-content
                 .left
-                    h1
+                    .title-content-box
-                        | Hello,
+                        h1
-                        br
+                            | Hello,
-                        | I'm
+                            br
-                        |
+                            | I'm
-                        span Esther
+                            |
-                    p I'm a Programmer & Designer from the UK.
+                            span Esther
-                    p I like to make stuff.
+                        p I'm a Programmer & Designer from the UK.
+                        p I like to make stuff.
                 .right
                     .pink-box
                         //icons
 
         footer
-            p piss
+            p © 2020 |
+                a(href="#") ESTR//
 

views/layout.pug

@@ -1,6 +1,8 @@
 doctype html
 html
     head
+        meta(http-equiv="content-type" content="text/html; charset=UTF-8")
+        meta(name="viewport" content="width=device-width, initial-scale=1")
         title= title
         link(rel='stylesheet', href='/stylesheets/bootstrap.css')
         link(rel='stylesheet', href='/stylesheets/style.css')