diff --git a/css/general.css b/css/general.css
index 4eefd09..8b31917 100644
--- a/css/general.css
+++ b/css/general.css
@@ -144,7 +144,7 @@ nav ul li {
 }
 
 #sign-up:hover {
-  transform: scale(1.1);
+  transform: scale(1.05);
   background-color: blueviolet;
   cursor: pointer;
   transition: 0.5s;
diff --git a/index.html b/index.html
index 78999bc..d86d5fc 100644
--- a/index.html
+++ b/index.html
@@ -50,12 +50,12 @@
             <img id="nav-logo" src="img/Gilroy Hacks Logo [Summer-wide-2].png" alt="logo"/>
         </a>
         <div id="nav-links-container">
-            <input type="checkbox" id="check">
+            <input onclick="btnToggle()" type="checkbox" id="check">
             <label for="check" class="checkbtn">
                 <img src="img/bars.png" loading="lazy" height="17" width="25" alt="Bars"/>
             </label>
             <a onclick="check('01'); save();" target="_blank" href="https://forms.gle/coK7q43RwBV2f15i7"><div id="sign-up">SIGN UP</div></a>
-            <ul>
+            <ul id="navList">
                 <li><a class="navlink" onclick="uncheck('check')" href="#event">Event</a></li>
                 <li><a class="navlink" onclick="uncheck('check')" href="#rules">Rules</a></li>
                 <li><a class="navlink" onclick="uncheck('check')" href="#prizes">Prizes</a></li>
@@ -127,12 +127,12 @@
                                 </div>
                                 <input id="t3" class="timeline-input" type="radio" name="timeline-dot" data-description="3">
                                 <div onclick="check('t3')" class="dot-info" data-description="3">
-                                    <span class="year">8/14 12:00pm</span>
+                                    <span class="year">8/14 2:00pm</span>
                                     <span class="label">Hacking Ends</span>
                                 </div>
                                 <input id="t4" class="timeline-input" type="radio" name="timeline-dot" data-description="4">
                                 <div onclick="check('t4')" class="dot-info" data-description="4">
-                                    <span class="year">8/14 2:00pm</span>
+                                    <span class="year">8/14 2:30pm</span>
                                     <span class="label">Project Presentations</span>
                                 </div>
                                 <input id="t5" class="timeline-input" type="radio" name="timeline-dot" data-description="5">
diff --git a/js/data_checkbox.js b/js/data_checkbox.js
index 46c404c..2ad1b83 100644
--- a/js/data_checkbox.js
+++ b/js/data_checkbox.js
@@ -25,4 +25,30 @@ function uncheck(id) {
 function notification(id) {
     if (localStorage.getItem(checkboxes[id].value) != true) { verify = false; }
     if (verify) { document.getElementById('notification').style.visibility = visible; }
-}
\ No newline at end of file
+}
+
+// function btnToggle() {
+//     if (document.getElementById('#check').checked) {
+//         document.getElementById('#check').checked = false;
+//     }
+//     else {
+//         document.getElementById('#check').checked = true;
+//     }
+// }
+document.getElementById('#check').addEventListener('click', function (event) {
+    if (!document.getElementById('check').checked) {
+        event.stopPropagation();
+    }
+});
+window.onclick = function(event) {
+    if (!event.target.matches('check')) {
+        if (document.getElementById('check').checked) {
+            document.getElementById('check').checked = false;
+        }
+    }
+}
+
+// document.getElementById("navList").addEventListener('click', function (event) {
+//     if (document.getElementById('check').checked) {
+//         event.stopPropagation();
+//     }});