1 files changed, 56 insertions, 2 deletions
diff --git a/static/style.css b/static/style.css
index c427bff..6957c25 100644
--- a/static/style.css
+++ b/static/style.css
@@ -88,7 +88,7 @@ article, #intro {
   margin-top: 1.75rem;
 }
 
-article h2, .article-h2 {
+article h2, .article-h2, #pgnv {
   margin-top: 0;
 }
 
@@ -190,7 +190,7 @@ h2, h3, h4, h5, h6 {
 }
 
 h3, h4, h5, h6 {
-  opacity: 50%;
+  color:rgb(150, 150, 150);
 }
 
 p {
@@ -291,6 +291,60 @@ header a, .projects a {
   border-top: .12rem solid rgb(196, 196, 196);
 }
 
+.in-page-nav-group {
+  position: fixed;
+  bottom: 5rem;
+  left: -100%;
+  padding: 2.5rem 3rem;
+  background-color: white;
+  box-shadow: 0 0 1em 0.4em rgba(154, 154, 154, 0.394);
+}
+
+.in-page-nav {
+  display: flex;
+  flex-direction: column;
+}
+
+.in-page-nav a:not(:last-child) {
+  margin-bottom: .5rem;
+}
+
+.side-toggler {
+  position: fixed;
+  bottom: 1rem;
+  left: 0;
+  display: block;
+  margin: 0;
+  width: 2rem;
+  height: 3rem;
+  opacity: 0;
+  z-index: 4;
+}
+
+.side-toggler:checked + .carrot {
+  transform: scaleX(-1);
+}
+
+.side-toggler:checked ~ .in-page-nav-group {
+  left: 0;
+  transition: all 0.2s ease;
+}
+
+.carrot {
+  display: block;
+  position: fixed;
+  bottom: 1rem;
+  left: 0;
+  z-index: 3;
+  width: 2rem;
+  height: 3rem;
+  padding-top: .6rem;
+  text-align: center;
+  font-weight: bold;
+  background-color: white;
+  box-shadow: 0 0 1em 0.4em rgba(154, 154, 154, 0.394);
+}
+
 .footer-logo {
     filter: invert(100%);
     height: 1rem;