3 files changed, 22 insertions, 9 deletions

diff --git a/index.html b/index.html
index c8bb52b..a77c194 100644
--- a/index.html
+++ b/index.html
@@ -38,7 +38,7 @@
             </div>
         </nav>
 
-        <section class="title-flex">
+        <section class="title-flex" id="#top">
             <article class="title-info-flex">
                 <figure class="video-title-wrapper">
                     <video src="assets/uiux-logo-blue.mp4" id="video-title" autoplay muted></video>
diff --git a/script.js b/script.js
index ad80f63..5a978bd 100644
--- a/script.js
+++ b/script.js
@@ -20,7 +20,7 @@ const observer = new IntersectionObserver(entries => {
     }
 }, {
     threshold: [...Array(THRESHOLD_FIDELITY).keys()].map(num => num/THRESHOLD_FIDELITY),
-    rootMargin: '-150px 0px 0px 0px'
+    rootMargin: '-125px 0px 0px 0px'
 });
 
 // after two seconds pause the video
diff --git a/styles.css b/styles.css
index f5ac612..996379d 100644
--- a/styles.css
+++ b/styles.css
@@ -262,7 +262,7 @@ title area (animated text and connie's 3d model)
     display: flex;
     flex-direction: column;
     width: fit-content;
-    max-width: 65vw;
+    max-width: 60vw;
     align-items: start;
 }
 
@@ -272,11 +272,15 @@ title area (animated text and connie's 3d model)
     width: clamp(25rem, 35vw, 500px);
     margin-bottom: 1rem;
     left: -15px;
+    user-select: none;
+    user-focus: none;
 }
 
 #video-title {
     border-radius: 30px;
     position: relative;
+    user-select: none;
+    user-focus: none;
 }
 
 
@@ -323,7 +327,7 @@ h1 {
     position: absolute;
     margin: 0;
     z-index: 2;
-    height: 450px;
+    height: max(450px, 100%);
     width: 200vw;
     pointer-events: none;
     touch-action: none;
@@ -335,12 +339,12 @@ h1 {
     border: 0;
     height: 100%;
     position: absolute;
-    top: 10px;
     width: 100%;
     pointer-events: none;
     touch-action: none;
     user-select: none;
     left: -35vw;
+    top: -60px;
     z-index: -1000;
     tab-index: -1;
 }
@@ -728,9 +732,15 @@ img {
     #emails {
         width: 90%;
     }
+    .no-border-helpful-link {
+        width: 85%;
+    }
 }
 
 @media only screen and (max-width: 720px) {
+    .no-border-helpful-link {
+        width: 100%;
+    }
     header {
         padding-left: 1rem;
     }
@@ -776,7 +786,8 @@ img {
         display: none;
     }
     .title-info-flex {
-        margin-top: 55px;
+        margin-top: 40px;
+        margin-bottom: 70px;
     }
     .title-flex {
         justify-content: flex-start;
@@ -795,11 +806,9 @@ img {
     .title-info-flex, .title {
         max-width: 90vw;
     }
-    .pastries-wrapper {
-        bottom: 5rem;
-    }
     #connie-pastries {
         left: -50vw;
+        top: 80px;
     }
     #helpful-links-box {
         flex-direction: column;
@@ -819,6 +828,7 @@ img {
         margin-right: 0;
         margin-left: 0;
         word-break: break-all;
+        font-size: 90%;
     }
     #hamburger-box {
         display: block;
@@ -826,6 +836,9 @@ img {
     .business-hours {
         margin-top: 2rem;
     }
+    section {
+        padding: 3rem 2rem;
+    }
 }
 
 /*