From a45efea0b5abddec5d4f5ae39b4bfddd41e5c6ba Mon Sep 17 00:00:00 2001
From: Arjun Tripathi <mearjuntripathi@gmail.com>
Date: Wed, 27 Nov 2024 12:08:21 +0530
Subject: [PATCH 1/2] update

---
 about-me/index.html        |   5 +
 assets/css/main.css        | 895 +++++++++++++++++++++++++------------
 certification/index.html   |   5 +
 experience/index.html      |   5 +
 extra-cariculum/index.html |   5 +
 gallery/index.html         |  18 +-
 index.html                 |  11 +
 projects/index.html        |   5 +
 script.js                  |  16 +
 skills/index.html          |   5 +
 teams/ag-scripts.js        | 402 -----------------
 teams/index.html           | 331 --------------
 12 files changed, 687 insertions(+), 1016 deletions(-)
 create mode 100644 script.js
 delete mode 100644 teams/ag-scripts.js
 delete mode 100644 teams/index.html
diff --git a/about-me/index.html b/about-me/index.html
index c8a52e8..c90dc5b 100644
--- a/about-me/index.html
+++ b/about-me/index.html
@@ -44,6 +44,11 @@
 </head>
 
 <body>
+    <script src="../script.js" defer></script>
+    <div class="slider-container">
+        <input type="checkbox" id="slider" class="slider-input">
+        <label for="slider" class="slider-label"></label>
+    </div>
     <div class="masthead">
         <div class="masthead__inner-wrap">
             <div class="masthead__menu">
diff --git a/assets/css/main.css b/assets/css/main.css
index 07c9fe4..d14c33a 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -4,28 +4,43 @@ a:focus {
     outline-offset: -2px;
 }
 
-*,*:before,*:after {
+*,
+*:before,
+*:after {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }
 
+:root {
+    --primary-color: #10131e;
+    --panel-color: #f7f7f7;
+    --text-color: #494e52;
+}
+
 html {
     box-sizing: border-box;
-    background-color: #ffffff;
+    background-color: var(--panel-color);
     font-size: 16px;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%
 }
 
+body.dark {
+    --panel-color: #2a282b;
+    --text-color: #eaedf0;
+}
+
 @media (min-width: 48em) {
     html {
-        font-size:18px
+        font-size: 18px
     }
 }
 
 body {
     margin: 0;
+    min-height: 100vh;
+
 }
 
 ::-moz-selection {
@@ -38,14 +53,26 @@ body {
     background: #000
 }
 
-article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section {
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section {
     display: block
 }
 
-audio,canvas,video {
+audio,
+canvas,
+video {
     display: inline-block;
     display: inline;
-    zoom:1
+    zoom: 1
 }
 
 audio:not([controls]) {
@@ -56,11 +83,13 @@ a {
     color: #009aff
 }
 
-a:hover,a:active {
+a:hover,
+a:active {
     outline: 0
 }
 
-sub,sup {
+sub,
+sup {
     position: relative;
     font-size: 75%;
     line-height: 0;
@@ -80,36 +109,52 @@ img {
     width: auto\9;
     height: auto;
     vertical-align: middle;
-    border: 0;
+    border: 3px solid;
     -ms-interpolation-mode: bicubic
 }
 
-#map_canvas img,.google-maps img {
+#map_canvas img,
+.google-maps img {
     max-width: none
 }
 
-button,input,select,textarea {
+button,
+input,
+select,
+textarea {
     margin: 0;
     font-size: 100%;
     vertical-align: middle
 }
 
-button,input {
+button,
+input {
     *overflow: visible;
     line-height: normal
 }
 
-button::-moz-focus-inner,input::-moz-focus-inner {
+button::-moz-focus-inner,
+input::-moz-focus-inner {
     padding: 0;
     border: 0
 }
 
-button,html input[type="button"],input[type="reset"],input[type="submit"] {
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
     -webkit-appearance: button;
     cursor: pointer
 }
 
-label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"] {
+label,
+select,
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"],
+input[type="radio"],
+input[type="checkbox"] {
     cursor: pointer
 }
 
@@ -118,7 +163,8 @@ input[type="search"] {
     -webkit-appearance: textfield
 }
 
-input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button {
     -webkit-appearance: none
 }
 
@@ -136,9 +182,9 @@ body {
     margin: 0;
     padding: 70px 0 0;
     padding-bottom: 9em;
-    color: #494e52;
-    background-color: #ffffff;
-    font-family: 'Times New Roman', Times, serif,-apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+    color: var(--text-color);
+    background-color: var(--panel-color);
+    font-family: 'Times New Roman', Times, serif, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
     line-height: 1.5
 }
 
@@ -146,10 +192,15 @@ body.overflow--hidden {
     overflow: hidden
 }
 
-h1,h2,h3,h4,h5,h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
     margin: 2em 0 0.5em;
     line-height: 1.2;
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
     font-weight: bold
 }
 
@@ -178,7 +229,8 @@ h6 {
     font-size: .75em
 }
 
-small,.small {
+small,
+.small {
     font-size: .75em
 }
 
@@ -186,12 +238,14 @@ p {
     margin-bottom: 1.3em
 }
 
-u,ins {
+u,
+ins {
     text-decoration: none;
-    border-bottom: 1px solid #494e52
+    border-bottom: 1px solid var(--text-color)
 }
 
-u a,ins a {
+u a,
+ins a {
     color: inherit
 }
 
@@ -199,15 +253,24 @@ del a {
     color: inherit
 }
 
-p,pre,blockquote,ul,ol,dl,figure,table,fieldset {
+p,
+pre,
+blockquote,
+ul,
+ol,
+dl,
+figure,
+table,
+fieldset {
     orphans: 3;
     widows: 3
 }
 
-abbr[title],abbr[data-original-title] {
+abbr[title],
+abbr[data-original-title] {
     text-decoration: none;
     cursor: help;
-    border-bottom: 1px dotted #494e52
+    border-bottom: 1px dotted var(--text-color)
 }
 
 blockquote {
@@ -227,29 +290,47 @@ blockquote cite:before {
     padding-right: 5px
 }
 
-a:hover,a:active {
+a:hover,
+a:active {
     outline: 0
 }
 
-tt,code,kbd,samp,pre {
-    font-family: Monaco,Consolas,"Lucida Console",monospace
+tt,
+code,
+kbd,
+samp,
+pre {
+    font-family: Monaco, Consolas, "Lucida Console", monospace
 }
 
 pre {
     overflow-x: auto
 }
 
-p>code,a>code,li>code,figcaption>code,td>code {
+p>code,
+a>code,
+li>code,
+figcaption>code,
+td>code {
     padding-top: 0.1rem;
     padding-bottom: 0.1rem;
     font-size: .75em;
     background: #fafafa;
     border: 1px solid #f2f3f3;
     border-radius: 4px;
-    box-shadow: 0 1px 1px rgba(0,0,0,0.125)
-}
-
-p>code:before,p>code:after,a>code:before,a>code:after,li>code:before,li>code:after,figcaption>code:before,figcaption>code:after,td>code:before,td>code:after {
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125)
+}
+
+p>code:before,
+p>code:after,
+a>code:before,
+a>code:after,
+li>code:before,
+li>code:after,
+figcaption>code:before,
+figcaption>code:after,
+td>code:before,
+td>code:after {
     letter-spacing: -0.2em;
     content: "\00a0"
 }
@@ -261,11 +342,13 @@ hr {
     border-top: 1px solid #f2f3f3
 }
 
-ul li,ol li {
+ul li,
+ol li {
     margin-bottom: 0.5em
 }
 
-li ul,li ol {
+li ul,
+li ol {
     margin-top: 0.5em;
 }
 
@@ -280,7 +363,9 @@ figure {
     margin: 2em 0
 }
 
-figure img,figure iframe,figure .fluid-width-video-wrapper {
+figure img,
+figure iframe,
+figure .fluid-width-video-wrapper {
     margin-bottom: 1em
 }
 
@@ -296,8 +381,10 @@ figure>a {
 }
 
 @media (min-width: 37.5em) {
-    figure.half>a,figure.half>img {
-        width:calc(50% - 0.5em)
+
+    figure.half>a,
+    figure.half>img {
+        width: calc(50% - 0.5em)
     }
 }
 
@@ -306,8 +393,10 @@ figure.half figcaption {
 }
 
 @media (min-width: 37.5em) {
-    figure.third>a,figure.third>img {
-        width:calc(33.3333% - 0.5em)
+
+    figure.third>a,
+    figure.third>img {
+        width: calc(33.3333% - 0.5em)
     }
 }
 
@@ -318,7 +407,7 @@ figure.third figcaption {
 figcaption {
     margin-bottom: 0.5em;
     color: #777a7d;
-    font-family: Georgia,Times,serif;
+    font-family: Georgia, Times, serif;
     font-size: .75em
 }
 
@@ -352,15 +441,39 @@ nav a {
     text-decoration: none
 }
 
-nav ul li,nav ol li {
+nav ul li,
+nav ol li {
     margin-bottom: 0
 }
 
-nav li ul,nav li ol {
+nav li ul,
+nav li ol {
     margin-top: 0
 }
 
-b,i,strong,em,blockquote,p,q,span,figure,img,h1,h2,header,input,a,tr,td,form button,input[type="submit"],.btn,#goog-wm-sb,.highlight,.archive__item-teaser {
+b,
+i,
+strong,
+em,
+blockquote,
+p,
+q,
+span,
+figure,
+img,
+h1,
+h2,
+header,
+input,
+a,
+tr,
+td,
+form button,
+input[type="submit"],
+.btn,
+#goog-wm-sb,
+.highlight,
+.archive__item-teaser {
     -webkit-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out
 }
@@ -378,7 +491,10 @@ b,i,strong,em,blockquote,p,q,span,figure,img,h1,h2,header,input,a,tr,td,form but
     opacity: 0
 }
 
-.visually-hidden,.screen-reader-text,.screen-reader-text span,.screen-reader-shortcut {
+.visually-hidden,
+.screen-reader-text,
+.screen-reader-text span,
+.screen-reader-shortcut {
     position: absolute !important;
     clip: rect(1px, 1px, 1px, 1px);
     height: 1px !important;
@@ -387,11 +503,14 @@ b,i,strong,em,blockquote,p,q,span,figure,img,h1,h2,header,input,a,tr,td,form but
     overflow: hidden
 }
 
-body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visually-hidden button {
+body:hover .visually-hidden a,
+body:hover .visually-hidden input,
+body:hover .visually-hidden button {
     display: none !important
 }
 
-.screen-reader-text:focus,.screen-reader-shortcut:focus {
+.screen-reader-text:focus,
+.screen-reader-shortcut:focus {
     clip: auto !important;
     height: auto !important;
     width: auto !important;
@@ -402,14 +521,14 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu
     background: #fff;
     z-index: 100000;
     text-decoration: none;
-    box-shadow: 0 0 2px 2px rgba(0,0,0,0.6)
+    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6)
 }
 
 .skip-link {
     position: fixed;
     z-index: 20;
     margin: 0;
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
     white-space: nowrap
 }
 
@@ -471,7 +590,7 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu
 
 @media (min-width: 37.5em) {
     .align-left {
-        float:left;
+        float: left;
         margin-right: 1em
     }
 }
@@ -484,7 +603,7 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu
 
 @media (min-width: 37.5em) {
     .align-right {
-        float:right;
+        float: right;
         margin-left: 1em
     }
 }
@@ -497,7 +616,7 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu
 
 @media (min-width: 57.8125em) {
     .full {
-        margin-right:-19.4915254237% !important
+        margin-right: -19.4915254237% !important
     }
 }
 
@@ -521,11 +640,13 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu
     color: #000
 }
 
-.social-icons .fa-bluesky,.social-icons .fa-bluesky-square {
+.social-icons .fa-bluesky,
+.social-icons .fa-bluesky-square {
     color: #1184fe
 }
 
-.social-icons .fa-behance,.social-icons .fa-behance-square {
+.social-icons .fa-behance,
+.social-icons .fa-behance-square {
     color: #1769FF
 }
 
@@ -533,7 +654,8 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu
     color: #ea4c89
 }
 
-.social-icons .fa-facebook,.social-icons .fa-facebook-square {
+.social-icons .fa-facebook,
+.social-icons .fa-facebook-square {
     color: #3b5998
 }
 
@@ -545,11 +667,14 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu
     color: #0072b1
 }
 
-.social-icons .fa-github,.social-icons .fa-github-alt,.social-icons .fa-github-square {
+.social-icons .fa-github,
+.social-icons .fa-github-alt,
+.social-icons .fa-github-square {
     color: #171516
 }
 
-.social-icons .fa-google-plus,.social-icons .fa-google-plus-square {
+.social-icons .fa-google-plus,
+.social-icons .fa-google-plus-square {
     color: #dd4b39
 }
 
@@ -557,31 +682,39 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu
     color: #517fa4
 }
 
-.social-icons .fa-kaggle,.social-icons .fa-kaggle-square {
+.social-icons .fa-kaggle,
+.social-icons .fa-kaggle-square {
     color: #20c0ff
 }
 
-.social-icons .fa-lastfm,.social-icons .fa-lastfm-square {
+.social-icons .fa-lastfm,
+.social-icons .fa-lastfm-square {
     color: #d51007
 }
 
-.social-icons .fa-linkedin,.social-icons .fa-linkedin-square {
+.social-icons .fa-linkedin,
+.social-icons .fa-linkedin-square {
     color: #007bb6
 }
 
-.social-icons .fa-mastodon,.social-icons .fa-mastodon-square {
+.social-icons .fa-mastodon,
+.social-icons .fa-mastodon-square {
     color: #6364ff
 }
 
-.social-icons .ai-orcid,.social-icons .ai-orcid-square {
+.social-icons .ai-orcid,
+.social-icons .ai-orcid-square {
     color: #a6ce39
 }
 
-.social-icons .fa-pinterest,.social-icons .fa-pinterest-p,.social-icons .fa-pinterest-square {
+.social-icons .fa-pinterest,
+.social-icons .fa-pinterest-p,
+.social-icons .fa-pinterest-square {
     color: #cb2027
 }
 
-.social-icons .fa-rss,.social-icons .fa-rss-square {
+.social-icons .fa-rss,
+.social-icons .fa-rss-square {
     color: #fa9b39
 }
 
@@ -589,19 +722,23 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu
     color: #f30
 }
 
-.social-icons .fa-stack-exchange,.social-icons .fa-stack-overflow {
+.social-icons .fa-stack-exchange,
+.social-icons .fa-stack-overflow {
     color: #fe7a15
 }
 
-.social-icons .fa-tumblr,.social-icons .fa-tumblr-square {
+.social-icons .fa-tumblr,
+.social-icons .fa-tumblr-square {
     color: #32506d
 }
 
-.social-icons .fa-twitter,.social-icons .fa-twitter-square {
+.social-icons .fa-twitter,
+.social-icons .fa-twitter-square {
     color: #55acee
 }
 
-.social-icons .fa-vimeo,.social-icons .fa-vimeo-square {
+.social-icons .fa-vimeo,
+.social-icons .fa-vimeo-square {
     color: #1ab7ea
 }
 
@@ -609,11 +746,14 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu
     color: #00bf8f
 }
 
-.social-icons .fa-youtube,.social-icons .fa-youtube-square,.social-icons .fa-youtube-play {
+.social-icons .fa-youtube,
+.social-icons .fa-youtube-square,
+.social-icons .fa-youtube-play {
     color: #b00
 }
 
-.social-icons .fa-xing,.social-icons .fa-xing-square {
+.social-icons .fa-xing,
+.social-icons .fa-xing-square {
     color: #006567
 }
 
@@ -627,7 +767,8 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu
     transition: 0.3s
 }
 
-.navicon:before,.navicon:after {
+.navicon:before,
+.navicon:after {
     content: "";
     position: absolute;
     left: 0;
@@ -650,7 +791,8 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu
     background: transparent
 }
 
-.close .navicon:before,.close .navicon:after {
+.close .navicon:before,
+.close .navicon:after {
     -webkit-transform-origin: 50% 50%;
     -ms-transform-origin: 50% 50%;
     transform-origin: 50% 50%;
@@ -670,7 +812,7 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu
 
 @media (min-width: 57.8125em) {
     .sticky {
-        clear:both;
+        clear: both;
         position: -webkit-sticky;
         position: sticky;
         top: 2em
@@ -694,7 +836,7 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu
     background-color: #f5f5f5;
     border: 1px solid #e3e3e3;
     border-radius: 4px;
-    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05)
+    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
 }
 
 .show-modal {
@@ -710,7 +852,7 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu
     width: 100%;
     height: 100%;
     z-index: 999;
-    background-color: rgba(255,255,255,0.85)
+    background-color: rgba(255, 255, 255, 0.85)
 }
 
 .show-modal .modal {
@@ -730,7 +872,7 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu
     background: #fff;
     border: 1px solid #f2f3f3;
     border-radius: 4px;
-    box-shadow: 0 1px 1px rgba(0,0,0,0.125)
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125)
 }
 
 .modal__title {
@@ -756,7 +898,9 @@ body:hover .visually-hidden a,body:hover .visually-hidden input,body:hover .visu
     color: #9ba1a6
 }
 
-.footnotes ol,.footnotes li,.footnotes p {
+.footnotes ol,
+.footnotes li,
+.footnotes p {
     margin-bottom: 0;
     font-size: .50em
 }
@@ -798,7 +942,7 @@ a.reversefootnote:hover {
 table {
     margin-bottom: 1em;
     width: 100%;
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
     font-size: .75em;
     border-collapse: collapse;
     border: 1px solid #bdc1c4
@@ -826,16 +970,19 @@ td {
     border-right: 1px solid #bdc1c4
 }
 
-tr,td,th {
+tr,
+td,
+th {
     vertical-align: middle
 }
 
-.btn,#goog-wm-sb {
+.btn,
+#goog-wm-sb {
     display: inline-block;
     margin-bottom: 0.25em;
     padding: 0.5em 1em;
     color: #fff !important;
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
     font-size: .75em;
     font-weight: bold;
     text-align: center;
@@ -846,16 +993,19 @@ tr,td,th {
     cursor: pointer
 }
 
-.btn:hover,#goog-wm-sb:hover {
+.btn:hover,
+#goog-wm-sb:hover {
     color: white;
     background-color: #ff0000
 }
 
-.btn .icon,#goog-wm-sb .icon {
+.btn .icon,
+#goog-wm-sb .icon {
     margin-right: 0.5em
 }
 
-.btn .icon+.hidden,#goog-wm-sb .icon+.hidden {
+.btn .icon+.hidden,
+#goog-wm-sb .icon+.hidden {
     margin-left: -0.5em
 }
 
@@ -971,12 +1121,12 @@ tr,td,th {
 .notice {
     margin: 2em 0 !important;
     padding: 1em;
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
     font-size: .75em !important;
     text-indent: initial;
     background-color: #f8f9f9;
     border-radius: 4px;
-    box-shadow: 0 1px 1px rgba(189,193,196,0.25)
+    box-shadow: 0 1px 1px rgba(189, 193, 196, 0.25)
 }
 
 .notice h4 {
@@ -1017,12 +1167,12 @@ tr,td,th {
 .notice--primary {
     margin: 2em 0 !important;
     padding: 1em;
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
     font-size: .75em !important;
     text-indent: initial;
     background-color: #f2f3f3;
     border-radius: 4px;
-    box-shadow: 0 1px 1px rgba(122,130,136,0.25)
+    box-shadow: 0 1px 1px rgba(122, 130, 136, 0.25)
 }
 
 .notice--primary h4 {
@@ -1049,7 +1199,7 @@ tr,td,th {
 }
 
 .notice--primary a:hover {
-    color: #494e52
+    color: var(--text-color)
 }
 
 .notice--primary code {
@@ -1063,12 +1213,12 @@ tr,td,th {
 .notice--info {
     margin: 2em 0 !important;
     padding: 1em;
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
     font-size: .75em !important;
     text-indent: initial;
     background-color: #eef7fa;
     border-radius: 4px;
-    box-shadow: 0 1px 1px rgba(82,173,200,0.25)
+    box-shadow: 0 1px 1px rgba(82, 173, 200, 0.25)
 }
 
 .notice--info h4 {
@@ -1109,12 +1259,12 @@ tr,td,th {
 .notice--warning {
     margin: 2em 0 !important;
     padding: 1em;
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
     font-size: .75em !important;
     text-indent: initial;
     background-color: #fef4e6;
     border-radius: 4px;
-    box-shadow: 0 1px 1px rgba(248,148,6,0.25)
+    box-shadow: 0 1px 1px rgba(248, 148, 6, 0.25)
 }
 
 .notice--warning h4 {
@@ -1155,12 +1305,12 @@ tr,td,th {
 .notice--success {
     margin: 2em 0 !important;
     padding: 1em;
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
     font-size: .75em !important;
     text-indent: initial;
     background-color: #eff9ef;
     border-radius: 4px;
-    box-shadow: 0 1px 1px rgba(98,196,98,0.25)
+    box-shadow: 0 1px 1px rgba(98, 196, 98, 0.25)
 }
 
 .notice--success h4 {
@@ -1201,12 +1351,12 @@ tr,td,th {
 .notice--danger {
     margin: 2em 0 !important;
     padding: 1em;
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
     font-size: .75em !important;
     text-indent: initial;
     background-color: #fdefef;
     border-radius: 4px;
-    box-shadow: 0 1px 1px rgba(238,95,91,0.25)
+    box-shadow: 0 1px 1px rgba(238, 95, 91, 0.25)
 }
 
 .notice--danger h4 {
@@ -1246,7 +1396,7 @@ tr,td,th {
 
 .masthead {
     position: fixed;
-    background: #10131e;
+    background: var(--primary-color);
     border-bottom: 1px solid #f2f3f3;
     height: 70px;
     top: 0;
@@ -1264,7 +1414,7 @@ tr,td,th {
     margin-right: auto;
     clear: both;
     padding: 1em 1em 1em;
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif
 }
 
 .masthead__inner-wrap:after {
@@ -1281,7 +1431,7 @@ tr,td,th {
 
 @media (min-width: 80em) {
     .masthead__inner-wrap {
-        max-width:1280px
+        max-width: 1280px
     }
 }
 
@@ -1320,7 +1470,7 @@ tr,td,th {
     margin-bottom: 0;
     padding-left: 2em;
     padding-right: 2em;
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
     -webkit-animation: intro 0.3s both;
     animation: intro 0.3s both;
     -webkit-animation-delay: 0.30s;
@@ -1341,14 +1491,14 @@ tr,td,th {
 
 @media (min-width: 57.8125em) {
     .breadcrumbs {
-        padding-left:1em;
+        padding-left: 1em;
         padding-right: 1em
     }
 }
 
 @media (min-width: 80em) {
     .breadcrumbs {
-        max-width:1280px
+        max-width: 1280px
     }
 }
 
@@ -1360,7 +1510,7 @@ tr,td,th {
 
 @media (min-width: 57.8125em) {
     .breadcrumbs ol {
-        width:83.0508474576%;
+        width: 83.0508474576%;
         float: right;
         margin-right: 0
     }
@@ -1368,7 +1518,7 @@ tr,td,th {
 
 @media (min-width: 80em) {
     .breadcrumbs ol {
-        padding-left:4.2372881356%
+        padding-left: 4.2372881356%
     }
 }
 
@@ -1401,7 +1551,7 @@ tr,td,th {
     margin: 0;
     padding: 0;
     list-style-type: none;
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif
 }
 
 .pagination li {
@@ -1413,7 +1563,7 @@ tr,td,th {
 .pagination li a {
     margin-bottom: 0.25em;
     padding: 0.5em 1em;
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
     font-size: 14px;
     font-weight: bold;
     line-height: 1.5;
@@ -1458,7 +1608,7 @@ tr,td,th {
     padding: 1em 2em;
     float: left;
     width: 50%;
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
     font-size: 1em;
     font-weight: bold;
     text-align: center;
@@ -1489,7 +1639,11 @@ tr,td,th {
     cursor: not-allowed
 }
 
-.page__content+.pagination,.page__meta+.pagination,.comment__date+.pagination,.page__share+.pagination,.page__comments+.pagination {
+.page__content+.pagination,
+.page__meta+.pagination,
+.comment__date+.pagination,
+.page__share+.pagination,
+.page__comments+.pagination {
     margin-top: 2em;
     padding-top: 2em;
     border-top: 1px solid #f2f3f3
@@ -1498,20 +1652,20 @@ tr,td,th {
 .greedy-nav {
     position: relative;
     min-width: 250px;
-    background: #10131e;
+    background: var(--primary-color);
 }
 
 .greedy-nav a {
     display: block;
     margin: 0 1rem;
     padding: 0.5rem 0;
-    color: #ffffff;
+    color: white;
     font-weight: bolder;
     text-decoration: none
 }
 
 .greedy-nav a:hover {
-    color: #ffffff;
+    color: rgb(240, 243, 249);
 }
 
 .greedy-nav button {
@@ -1560,7 +1714,7 @@ tr,td,th {
     left: 0;
     bottom: 0;
     height: 4px;
-    background: #ffffff;
+    background: var(--panel-color);
     width: 100%;
     -webkit-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
@@ -1581,10 +1735,10 @@ tr,td,th {
     right: 0;
     margin-top: 15px;
     padding: 5px;
-    border: 1px solid #861212;
+    border: 1px solid #261f31;
     border-radius: 4px;
-    background: #861212;
-    box-shadow: 0 0 10px rgba(0,0,0,0.25)
+    background: #312a6d;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25)
 }
 
 .greedy-nav .hidden-links a {
@@ -1619,7 +1773,7 @@ tr,td,th {
     width: 0;
     border-style: solid;
     border-width: 0 10px 10px;
-    border-color: #861212 transparent;
+    border-color: #312a6d transparent;
     display: block;
     z-index: 1
 }
@@ -1668,7 +1822,7 @@ tr,td,th {
 .nav__title {
     margin: 0;
     padding: 0.5rem 1rem;
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
     font-size: 1em;
     font-weight: bold
 }
@@ -1677,7 +1831,7 @@ tr,td,th {
     display: block;
     margin: 0.5rem 0;
     padding: 0.5rem 0;
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
     font-size: .75em;
     font-weight: bold;
     text-transform: uppercase;
@@ -1685,14 +1839,14 @@ tr,td,th {
 }
 
 .toc {
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
     color: #7a8288;
     text-transform: uppercase;
     letter-spacing: 1px;
     background-color: #fff;
     border: 1px solid #f2f3f3;
     border-radius: 4px;
-    box-shadow: 0 1px 1px rgba(0,0,0,0.125)
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125)
 }
 
 .toc .nav__title {
@@ -1742,7 +1896,7 @@ tr,td,th {
 
 @media (min-width: 48em) {
     .toc__menu li>ul li {
-        display:block
+        display: block
     }
 }
 
@@ -1789,7 +1943,7 @@ tr,td,th {
 
 @media (min-width: 80em) {
     .page__footer footer {
-        max-width:1280px
+        max-width: 1280px
     }
 }
 
@@ -1802,12 +1956,15 @@ tr,td,th {
     text-decoration: underline
 }
 
-.page__footer .fas,.page__footer .fab,.page__footer .far,.page__footer .fal {
+.page__footer .fas,
+.page__footer .fab,
+.page__footer .far,
+.page__footer .fal {
     color: #9ba1a6
 }
 
 .page__footer-copyright {
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
     font-size: .6875em
 }
 
@@ -1821,7 +1978,7 @@ tr,td,th {
     display: inline-block;
     padding-top: 5px;
     padding-bottom: 5px;
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
     font-size: .75em;
     text-transform: uppercase
 }
@@ -1840,18 +1997,20 @@ tr,td,th {
     white-space: nowrap
 }
 
-div.highlighter-rouge,figure.highlight {
+div.highlighter-rouge,
+figure.highlight {
     position: relative;
     margin-bottom: 1em;
     padding: 1em;
     border: 1px solid #f2f3f3;
     border-radius: 4px;
     background-color: #fafafa;
-    box-shadow: 0 1px 1px rgba(0,0,0,0.125);
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
     font-size: 1.25em
 }
 
-div.highlighter-rouge:before,figure.highlight:before {
+div.highlighter-rouge:before,
+figure.highlight:before {
     position: absolute;
     top: 0;
     right: 0;
@@ -1865,9 +2024,10 @@ div.highlighter-rouge:before,figure.highlight:before {
     speak: none
 }
 
-div.highlighter-rouge .highlight,figure.highlight .highlight {
+div.highlighter-rouge .highlight,
+figure.highlight .highlight {
     margin: 0;
-    font-family: Monaco,Consolas,"Lucida Console",monospace;
+    font-family: Monaco, Consolas, "Lucida Console", monospace;
     font-size: .75em;
     line-height: 1.8
 }
@@ -2170,7 +2330,7 @@ form legend {
     margin-bottom: 10px;
     *margin-left: -7px;
     padding: 0;
-    color: #494e52;
+    color: var(--text-color);
     border: 0;
     border-bottom: 1px solid #ccc;
     white-space: normal
@@ -2190,20 +2350,27 @@ form br {
     display: none
 }
 
-label,input,button,select,textarea {
+label,
+input,
+button,
+select,
+textarea {
     vertical-align: baseline;
     *vertical-align: middle
 }
 
-input,button,select,textarea {
+input,
+button,
+select,
+textarea {
     box-sizing: border-box;
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif
 }
 
 label {
     display: block;
     margin-bottom: 0.25em;
-    color: #494e52;
+    color: var(--text-color);
     cursor: pointer
 }
 
@@ -2211,23 +2378,29 @@ label small {
     font-size: .75em
 }
 
-label input,label textarea,label select {
+label input,
+label textarea,
+label select {
     display: block
 }
 
-input,textarea,select {
+input,
+textarea,
+select {
     display: inline-block;
     width: 100%;
     padding: 0.25em;
     margin-bottom: 0.5em;
-    color: #494e52;
+    color: var(--text-color);
     background-color: #fff;
     border: 1px solid #ccc;
     border-radius: 4px;
-    box-shadow: 0 1px 1px rgba(0,0,0,0.125)
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125)
 }
 
-input:hover,textarea:hover,select:hover {
+input:hover,
+textarea:hover,
+select:hover {
     border-color: #bdc1c4
 }
 
@@ -2239,7 +2412,9 @@ input:hover,textarea:hover,select:hover {
     width: 90px
 }
 
-input[type="image"],input[type="checkbox"],input[type="radio"] {
+input[type="image"],
+input[type="checkbox"],
+input[type="radio"] {
     width: auto;
     height: auto;
     padding: 0;
@@ -2251,7 +2426,8 @@ input[type="image"],input[type="checkbox"],input[type="radio"] {
     border: 0 \9
 }
 
-input[type="checkbox"],input[type="radio"] {
+input[type="checkbox"],
+input[type="radio"] {
     box-sizing: border-box;
     padding: 0;
     *width: 13px;
@@ -2273,14 +2449,17 @@ input[type="file"] {
     box-shadow: none
 }
 
-input[type="button"],input[type="reset"],input[type="submit"] {
+input[type="button"],
+input[type="reset"],
+input[type="submit"] {
     width: auto;
     height: auto;
     cursor: pointer;
     *overflow: visible
 }
 
-select,input[type="file"] {
+select,
+input[type="file"] {
     *margin-top: 4px
 }
 
@@ -2289,7 +2468,8 @@ select {
     background-color: #fff
 }
 
-select[multiple],select[size] {
+select[multiple],
+select[size] {
     height: auto
 }
 
@@ -2308,43 +2488,57 @@ input[type="hidden"] {
     position: relative
 }
 
-.radio,.checkbox {
+.radio,
+.checkbox {
     padding-left: 18px;
     font-weight: normal
 }
 
-.radio input[type="radio"],.checkbox input[type="checkbox"] {
+.radio input[type="radio"],
+.checkbox input[type="checkbox"] {
     float: left;
     margin-left: -18px
 }
 
-.radio.inline,.checkbox.inline {
+.radio.inline,
+.checkbox.inline {
     display: inline-block;
     padding-top: 5px;
     margin-bottom: 0;
     vertical-align: middle
 }
 
-.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline {
+.radio.inline+.radio.inline,
+.checkbox.inline+.checkbox.inline {
     margin-left: 10px
 }
 
-input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] {
+input[disabled],
+select[disabled],
+textarea[disabled],
+input[readonly],
+select[readonly],
+textarea[readonly] {
     opacity: 0.5;
     cursor: not-allowed
 }
 
-input:focus,textarea:focus {
+input:focus,
+textarea:focus {
     border-color: #7a8288;
     outline: 0;
     outline: thin dotted \9
 }
 
-input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,select:focus {
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus,
+select:focus {
     box-shadow: none
 }
 
-.help-block,.help-inline {
+.help-block,
+.help-inline {
     color: #52adc8
 }
 
@@ -2360,7 +2554,9 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
     padding-left: 5px
 }
 
-.form-inline input,.form-inline textarea,.form-inline select {
+.form-inline input,
+.form-inline textarea,
+.form-inline select {
     display: inline-block;
     margin-bottom: 0
 }
@@ -2369,19 +2565,24 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
     display: inline-block
 }
 
-.form-inline .radio,.form-inline .checkbox,.form-inline .radio {
+.form-inline .radio,
+.form-inline .checkbox,
+.form-inline .radio {
     padding-left: 0;
     margin-bottom: 0;
     vertical-align: middle
 }
 
-.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"] {
+.form-inline .radio input[type="radio"],
+.form-inline .checkbox input[type="checkbox"] {
     float: left;
     margin-left: 0;
     margin-right: 3px
 }
 
-.form-search input,.form-search textarea,.form-search select {
+.form-search input,
+.form-search textarea,
+.form-search select {
     display: inline-block;
     margin-bottom: 0
 }
@@ -2397,13 +2598,16 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
     display: inline-block
 }
 
-.form-search .radio,.form-search .checkbox,.form-inline .radio {
+.form-search .radio,
+.form-search .checkbox,
+.form-inline .radio {
     padding-left: 0;
     margin-bottom: 0;
     vertical-align: middle
 }
 
-.form-search .radio input[type="radio"],.form-search .checkbox input[type="checkbox"] {
+.form-search .radio input[type="radio"],
+.form-search .checkbox input[type="checkbox"] {
     float: left;
     margin-left: 0;
     margin-right: 3px
@@ -2423,7 +2627,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
     left: 0;
     width: 100%;
     height: 100%;
-    background-color: rgba(255,255,255,0.7);
+    background-color: rgba(255, 255, 255, 0.7);
     z-index: 10
 }
 
@@ -2486,13 +2690,13 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 80em) {
     #main {
-        max-width:1280px
+        max-width: 1280px
     }
 }
 
 @media (min-width: 57.8125em) {
     .page {
-        width:83.0508474576%;
+        width: 83.0508474576%;
         float: right;
         margin-right: 0;
         padding-left: 4.2372881356%;
@@ -2507,7 +2711,10 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
     margin-right: 0
 }
 
-.page .page__inner-wrap .page__content,.page .page__inner-wrap .page__meta,.page .page__inner-wrap .comment__date,.page .page__inner-wrap .page__share {
+.page .page__inner-wrap .page__content,
+.page .page__inner-wrap .page__meta,
+.page .page__inner-wrap .comment__date,
+.page .page__inner-wrap .page__share {
     clear: both;
     width: 100%;
     float: left;
@@ -2520,12 +2727,13 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
     line-height: 1
 }
 
-.page__title+.page__meta,.page__title+.comment__date {
+.page__title+.page__meta,
+.page__title+.comment__date {
     margin-top: -0.5em
 }
 
 .page__lead {
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
     font-size: 1.25em
 }
 
@@ -2534,7 +2742,9 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
     border-bottom: 1px solid #f2f3f3
 }
 
-.page__content p,.page__content li,.page__content dl {
+.page__content p,
+.page__content li,
+.page__content dl {
     font-size: 1em
 }
 
@@ -2551,18 +2761,18 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 }
 
 .page__content a:hover img {
-    box-shadow: 0 0 10px rgba(0,0,0,0.25)
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25)
 }
 
 .page__content dt {
     margin-top: 1em;
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
     font-weight: bold
 }
 
 .page__content dd {
     margin-left: 1em;
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
     font-size: .75em
 }
 
@@ -2618,13 +2828,18 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 80em) {
     .page__hero--overlay .wrapper {
-        max-width:1280px
+        max-width: 1280px
     }
 }
 
-.page__hero--overlay .page__title,.page__hero--overlay .page__meta,.page__hero--overlay .comment__date,.page__hero--overlay .page__lead,.page__hero--overlay .btn,.page__hero--overlay #goog-wm-sb {
+.page__hero--overlay .page__title,
+.page__hero--overlay .page__meta,
+.page__hero--overlay .comment__date,
+.page__hero--overlay .page__lead,
+.page__hero--overlay .btn,
+.page__hero--overlay #goog-wm-sb {
     color: #fff;
-    text-shadow: 1px 1px 4px rgba(0,0,0,0.5)
+    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5)
 }
 
 .page__hero--overlay .page__lead {
@@ -2637,7 +2852,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 37.5em) {
     .page__hero--overlay .page__title {
-        font-size:2.441em
+        font-size: 2.441em
     }
 }
 
@@ -2654,7 +2869,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
     margin: 0 auto;
     padding: 2px 5px;
     color: #fff;
-    font-family: Georgia,Times,serif;
+    font-family: Georgia, Times, serif;
     font-size: .6875em;
     background: #000;
     text-align: right;
@@ -2665,7 +2880,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 57.8125em) {
     .page__hero-caption {
-        padding:5px 10px
+        padding: 5px 10px
     }
 }
 
@@ -2681,8 +2896,10 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 }
 
 @media (max-width: 37.5em) {
-    .page__share .btn span,.page__share #goog-wm-sb span {
-        border:0;
+
+    .page__share .btn span,
+    .page__share #goog-wm-sb span {
+        border: 0;
         clip: rect(0 0 0 0);
         height: 1px;
         margin: -1px;
@@ -2699,19 +2916,22 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
     text-transform: uppercase
 }
 
-.page__meta,.comment__date {
+.page__meta,
+.comment__date {
     margin-top: 2em;
     color: #031578;
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
     font-size: .75em;
-    cursor:wait;
+    cursor: wait;
 }
 
-.page__meta p,.comment__date p {
+.page__meta p,
+.comment__date p {
     margin: 0
 }
 
-.page__meta a,.comment__date a {
+.page__meta a,
+.comment__date a {
     color: inherit
 }
 
@@ -2767,7 +2987,10 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
     transition: all 0.2s ease-in-out
 }
 
-.page__comments-form.disabled input,.page__comments-form.disabled button,.page__comments-form.disabled textarea,.page__comments-form.disabled label {
+.page__comments-form.disabled input,
+.page__comments-form.disabled button,
+.page__comments-form.disabled textarea,
+.page__comments-form.disabled label {
     pointer-events: none;
     cursor: not-allowed;
     filter: alpha(opacity=65);
@@ -2798,7 +3021,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 57.8125em) {
     .comment__avatar-wrapper {
-        width:100px;
+        width: 100px;
         height: 100px
     }
 }
@@ -2811,7 +3034,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 57.8125em) {
     .comment__avatar {
-        width:80px;
+        width: 80px;
         height: 80px;
         padding: 5px;
         border: 1px solid #f2f3f3
@@ -2825,7 +3048,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 57.8125em) {
     .comment__content-wrapper {
-        width:calc(100% - 100px)
+        width: calc(100% - 100px)
     }
 }
 
@@ -2861,7 +3084,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 57.8125em) {
     .page__related {
-        margin-left:21.186440678%
+        margin-left: 21.186440678%
     }
 }
 
@@ -2882,7 +3105,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 48em) {
     .archive {
-        width:100%;
+        width: 100%;
         float: left;
         margin-left: 0;
         margin-right: 0
@@ -2891,7 +3114,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 57.8125em) {
     .archive {
-        width:83.0508474576%;
+        width: 83.0508474576%;
         float: right;
         margin-right: 0;
         padding-left: 4.2372881356%
@@ -2907,7 +3130,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 }
 
 .archive a:hover img {
-    box-shadow: 0 0 10px rgba(0,0,0,0.25)
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25)
 }
 
 .archive__subtitle {
@@ -2924,7 +3147,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 .archive__item-title {
     margin-bottom: 0.25em;
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif
 }
 
 .archive__item-title a+a {
@@ -2955,7 +3178,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 }
 
 .archive__item:hover .archive__item-teaser {
-    box-shadow: 0 0 10px rgba(0,0,0,0.25)
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25)
 }
 
 .archive__item:hover .archive__item-title {
@@ -2964,23 +3187,24 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 48em) {
     .list__item {
-        padding-right:200px
+        padding-right: 200px
     }
 }
 
 @media (min-width: 57.8125em) {
     .list__item {
-        padding-right:300px
+        padding-right: 300px
     }
 }
 
 @media (min-width: 80em) {
     .list__item {
-        padding-right:400px
+        padding-right: 400px
     }
 }
 
-.list__item .page__meta,.list__item .comment__date {
+.list__item .page__meta,
+.list__item .comment__date {
     margin: 0 0 4px
 }
 
@@ -2988,7 +3212,8 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
     margin-bottom: 2em
 }
 
-.grid__item .page__meta,.grid__item .comment__date {
+.grid__item .page__meta,
+.grid__item .comment__date {
     margin: 0 0 4px
 }
 
@@ -3003,7 +3228,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 37.5em) {
     .grid__item {
-        width:48.9795918367%;
+        width: 48.9795918367%;
         float: left
     }
 
@@ -3027,7 +3252,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 48em) {
     .grid__item {
-        margin-left:0;
+        margin-left: 0;
         margin-right: 0;
         width: 23.4693877551%;
         float: left
@@ -3087,7 +3312,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 37.5em) {
     .feature__item {
-        margin-bottom:0;
+        margin-bottom: 0;
         width: 32.2033898305%;
         float: left
     }
@@ -3132,7 +3357,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 37.5em) {
     .feature__item--left .archive__item-teaser {
-        width:40.6779661017%;
+        width: 40.6779661017%;
         float: left;
         margin-right: 1.6949152542%
     }
@@ -3161,7 +3386,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 37.5em) {
     .feature__item--right {
-        text-align:right
+        text-align: right
     }
 
     .feature__item--right .archive__item-teaser {
@@ -3194,7 +3419,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 37.5em) {
     .feature__item--center {
-        text-align:center
+        text-align: center
     }
 
     .feature__item--center .archive__item-teaser {
@@ -3223,7 +3448,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media screen and (min-width: 1024px) {
     .sidebar {
-        height:100vh;
+        height: 100vh;
         overflow-y: auto;
         position: fixed;
         padding-top: 70px
@@ -3232,7 +3457,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 57.8125em) {
     .sidebar {
-        width:15.2542372881%;
+        width: 15.2542372881%;
         float: left;
         margin-right: 1.6949152542%;
         opacity: 1;
@@ -3247,22 +3472,28 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 80em) {
     .sidebar {
-        max-width:250px;
+        max-width: 250px;
         padding-right: 0
     }
 }
 
-.sidebar h2,.sidebar h3,.sidebar h4,.sidebar h5,.sidebar h6 {
+.sidebar h2,
+.sidebar h3,
+.sidebar h4,
+.sidebar h5,
+.sidebar h6 {
     margin-bottom: 0;
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif
 }
 
-.sidebar h3,.sidebar h4 {
+.sidebar h3,
+.sidebar h4 {
     font-size: 1em
 }
 
-.sidebar p,.sidebar li {
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+.sidebar p,
+.sidebar li {
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
     font-size: .75em;
     line-height: 1.5
 }
@@ -3277,7 +3508,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 57.8125em) {
     .sidebar__right {
-        position:relative;
+        position: relative;
         float: right;
         width: 200px;
         margin-left: 2.5423728814%;
@@ -3287,7 +3518,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 80em) {
     .sidebar__right {
-        width:300px
+        width: 300px
     }
 }
 
@@ -3299,7 +3530,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 57.8125em) {
     .author__avatar {
-        display:block;
+        display: block;
         width: auto;
         height: auto
     }
@@ -3312,7 +3543,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 57.8125em) {
     .author__avatar img {
-        padding:5px;
+        padding: 5px;
         border: 1px solid #f2f3f3
     }
 }
@@ -3327,7 +3558,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 57.8125em) {
     .author__content {
-        display:block;
+        display: block;
         width: 100%;
         padding-left: 0;
         padding-right: 0
@@ -3340,13 +3571,13 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 57.8125em) {
     .author__name {
-        margin-top:10px;
+        margin-top: 10px;
         margin-bottom: 10px
     }
 }
 
 .sidebar .author__name {
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
     font-size: 1em
 }
 
@@ -3356,7 +3587,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media screen and (min-width: 1024px) {
     .sidebar .author__desktop {
-        display:block
+        display: block
     }
 }
 
@@ -3366,7 +3597,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 57.8125em) {
     .author__pronouns {
-        margin-top:10px;
+        margin-top: 10px;
         margin-bottom: 10px
     }
 }
@@ -3377,7 +3608,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 57.8125em) {
     .author__bio {
-        margin-top:10px;
+        margin-top: 10px;
         margin-bottom: 20px
     }
 }
@@ -3386,7 +3617,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
     position: relative;
     display: table-cell;
     vertical-align: middle;
-    font-family: -apple-system,".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Arial,sans-serif;
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
     z-index: 10;
     position: relative;
     cursor: pointer
@@ -3398,7 +3629,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 57.8125em) {
     .author__urls-wrapper {
-        display:block
+        display: block
     }
 }
 
@@ -3408,7 +3639,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 57.8125em) {
     .author__urls-wrapper button {
-        display:none
+        display: none
     }
 }
 
@@ -3419,17 +3650,17 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
     margin-top: 15px;
     padding: 10px;
     list-style-type: none;
-    border: 1px solid #feffb2;
+    border: 1px solid #beb2ff;
     border-radius: 4px;
-    background: #feffb2;
+    background: #fafafb;
     z-index: -1;
-    box-shadow: 0 0 10px rgba(0,0,0,0.25);
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
     cursor: default
 }
 
 @media (min-width: 57.8125em) {
     .author__urls {
-        display:block;
+        display: block;
         position: relative;
         margin: 0;
         padding: 0;
@@ -3454,7 +3685,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 
 @media (min-width: 57.8125em) {
     .author__urls:before {
-        display:none
+        display: none
     }
 }
 
@@ -3467,13 +3698,13 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
     width: 0;
     border-style: solid;
     border-width: 0 10px 10px;
-    border-color: #feffb2 transparent;
+    border-color: #beb2ff transparent;
     z-index: 1
 }
 
 @media (min-width: 57.8125em) {
     .author__urls:after {
-        display:none
+        display: none
     }
 }
 
@@ -3506,7 +3737,15 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
     font-weight: var(--fa-style, 900)
 }
 
-.fa,.fa-classic,.fa-sharp,.fas,.fa-solid,.far,.fa-regular,.fab,.fa-brands {
+.fa,
+.fa-classic,
+.fa-sharp,
+.fas,
+.fa-solid,
+.far,
+.fa-regular,
+.fab,
+.fa-brands {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     display: var(--fa-display, inline-block);
@@ -3516,11 +3755,16 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
     text-rendering: auto
 }
 
-.fas,.fa-classic,.fa-solid,.far,.fa-regular {
+.fas,
+.fa-classic,
+.fa-solid,
+.far,
+.fa-regular {
     font-family: 'Font Awesome 6 Free'
 }
 
-.fab,.fa-brands {
+.fab,
+.fa-brands {
     font-family: 'Font Awesome 6 Brands'
 }
 
@@ -3708,7 +3952,8 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
     --fa-animation-direction: reverse
 }
 
-.fa-pulse,.fa-spin-pulse {
+.fa-pulse,
+.fa-spin-pulse {
     animation-name: fa-spin;
     animation-direction: var(--fa-animation-direction, normal);
     animation-duration: var(--fa-animation-duration, 1s);
@@ -3717,7 +3962,16 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 }
 
 @media (prefers-reduced-motion: reduce) {
-    .fa-beat,.fa-bounce,.fa-fade,.fa-beat-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse {
+
+    .fa-beat,
+    .fa-bounce,
+    .fa-fade,
+    .fa-beat-fade,
+    .fa-flip,
+    .fa-pulse,
+    .fa-shake,
+    .fa-spin,
+    .fa-spin-pulse {
         animation-delay: -1ms;
         animation-duration: 1ms;
         animation-iteration-count: 1;
@@ -3727,7 +3981,9 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 }
 
 @keyframes fa-beat {
-    0%, 90% {
+
+    0%,
+    90% {
         transform: scale(1)
     }
 
@@ -3773,7 +4029,9 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 }
 
 @keyframes fa-beat-fade {
-    0%, 100% {
+
+    0%,
+    100% {
         opacity: var(--fa-beat-fade-opacity, 0.4);
         transform: scale(1)
     }
@@ -3799,11 +4057,13 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
         transform: rotate(15deg)
     }
 
-    8%, 24% {
+    8%,
+    24% {
         transform: rotate(-18deg)
     }
 
-    12%, 28% {
+    12%,
+    28% {
         transform: rotate(18deg)
     }
 
@@ -3823,7 +4083,8 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
         transform: rotate(12deg)
     }
 
-    40%, 100% {
+    40%,
+    100% {
         transform: rotate(0deg)
     }
 }
@@ -3858,7 +4119,8 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
     transform: scale(1, -1)
 }
 
-.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical {
+.fa-flip-both,
+.fa-flip-horizontal.fa-flip-vertical {
     transform: scale(-1, -1)
 }
 
@@ -3875,7 +4137,8 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
     width: 2.5em
 }
 
-.fa-stack-1x,.fa-stack-2x {
+.fa-stack-1x,
+.fa-stack-2x {
     left: 0;
     position: absolute;
     text-align: center;
@@ -11703,7 +11966,8 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
     content: ""
 }
 
-.sr-only,.fa-sr-only {
+.sr-only,
+.fa-sr-only {
     position: absolute;
     width: 1px;
     height: 1px;
@@ -11715,7 +11979,8 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
     border-width: 0
 }
 
-.sr-only-focusable:not(:focus),.fa-sr-only-focusable:not(:focus) {
+.sr-only-focusable:not(:focus),
+.fa-sr-only-focusable:not(:focus) {
     position: absolute;
     width: 1px;
     height: 1px;
@@ -11732,7 +11997,8 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
  * Copyright 2024 Fonticons, Inc.
  */
-:root,:host {
+:root,
+:host {
     --fa-style-family-classic: 'Font Awesome 6 Free';
     --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'
 }
@@ -11742,10 +12008,11 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
     font-style: normal;
     font-weight: 900;
     font-display: block;
-    src: url("../webfonts/fa-solid-900.woff2") format("woff2"),url("../webfonts/fa-solid-900.ttf") format("truetype")
+    src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype")
 }
 
-.fas,.fa-solid {
+.fas,
+.fa-solid {
     font-weight: 900
 }
 
@@ -11754,7 +12021,8 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
  * Copyright 2024 Fonticons, Inc.
  */
-:root,:host {
+:root,
+:host {
     --fa-style-family-brands: 'Font Awesome 6 Brands';
     --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands'
 }
@@ -11764,10 +12032,11 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
     font-style: normal;
     font-weight: 400;
     font-display: block;
-    src: url("../webfonts/fa-brands-400.woff2") format("woff2"),url("../webfonts/fa-brands-400.ttf") format("truetype")
+    src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype")
 }
 
-.fab,.fa-brands {
+.fab,
+.fa-brands {
     font-weight: 400
 }
 
@@ -13872,7 +14141,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
 }
 
 .mfp-counter {
-    font-family: Georgia,Times,serif
+    font-family: Georgia, Times, serif
 }
 
 .mfp-bg {
@@ -13932,7 +14201,8 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
     z-index: 1045
 }
 
-.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content {
+.mfp-inline-holder .mfp-content,
+.mfp-ajax-holder .mfp-content {
     width: 100%;
     cursor: auto
 }
@@ -13941,7 +14211,8 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
     cursor: progress
 }
 
-.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
+.mfp-zoom-out-cur,
+.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
     cursor: -moz-zoom-out;
     cursor: -webkit-zoom-out;
     cursor: zoom-out
@@ -13958,7 +14229,10 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
     cursor: auto
 }
 
-.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter {
+.mfp-close,
+.mfp-arrow,
+.mfp-preloader,
+.mfp-counter {
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none
@@ -14000,7 +14274,8 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,
     display: none
 }
 
-button.mfp-close,button.mfp-arrow {
+button.mfp-close,
+button.mfp-arrow {
     overflow: visible;
     cursor: pointer;
     background: transparent;
@@ -14034,10 +14309,11 @@ button::-moz-focus-inner {
     color: #fff;
     font-style: normal;
     font-size: 28px;
-    font-family: Georgia,Times,serif
+    font-family: Georgia, Times, serif
 }
 
-.mfp-close:hover,.mfp-close:focus {
+.mfp-close:hover,
+.mfp-close:focus {
     opacity: 1;
     filter: alpha(opacity=100)
 }
@@ -14050,7 +14326,8 @@ button::-moz-focus-inner {
     color: #fff
 }
 
-.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {
+.mfp-image-holder .mfp-close,
+.mfp-iframe-holder .mfp-close {
     color: #fff;
     right: -6px;
     text-align: right;
@@ -14084,12 +14361,16 @@ button::-moz-focus-inner {
     margin-top: -54px
 }
 
-.mfp-arrow:hover,.mfp-arrow:focus {
+.mfp-arrow:hover,
+.mfp-arrow:focus {
     opacity: 1;
     filter: alpha(opacity=100)
 }
 
-.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a {
+.mfp-arrow:before,
+.mfp-arrow:after,
+.mfp-arrow .mfp-b,
+.mfp-arrow .mfp-a {
     content: '';
     display: block;
     width: 0;
@@ -14102,13 +14383,15 @@ button::-moz-focus-inner {
     border: medium inset transparent
 }
 
-.mfp-arrow:after,.mfp-arrow .mfp-a {
+.mfp-arrow:after,
+.mfp-arrow .mfp-a {
     border-top-width: 13px;
     border-bottom-width: 13px;
     top: 8px
 }
 
-.mfp-arrow:before,.mfp-arrow .mfp-b {
+.mfp-arrow:before,
+.mfp-arrow .mfp-b {
     border-top-width: 21px;
     border-bottom-width: 21px;
     opacity: 0.7
@@ -14118,12 +14401,14 @@ button::-moz-focus-inner {
     left: 0
 }
 
-.mfp-arrow-left:after,.mfp-arrow-left .mfp-a {
+.mfp-arrow-left:after,
+.mfp-arrow-left .mfp-a {
     border-right: 17px solid #fff;
     margin-left: 31px
 }
 
-.mfp-arrow-left:before,.mfp-arrow-left .mfp-b {
+.mfp-arrow-left:before,
+.mfp-arrow-left .mfp-b {
     margin-left: 25px;
     border-right: 27px solid #fff
 }
@@ -14132,12 +14417,14 @@ button::-moz-focus-inner {
     right: 0
 }
 
-.mfp-arrow-right:after,.mfp-arrow-right .mfp-a {
+.mfp-arrow-right:after,
+.mfp-arrow-right .mfp-a {
     border-left: 17px solid #fff;
     margin-left: 39px
 }
 
-.mfp-arrow-right:before,.mfp-arrow-right .mfp-b {
+.mfp-arrow-right:before,
+.mfp-arrow-right .mfp-b {
     border-left: 27px solid #fff
 }
 
@@ -14170,7 +14457,7 @@ button::-moz-focus-inner {
     left: 0;
     width: 100%;
     height: 100%;
-    box-shadow: 0 0 8px rgba(0,0,0,0.6);
+    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
     background: #000
 }
 
@@ -14202,7 +14489,7 @@ img.mfp-img {
     width: auto;
     height: auto;
     z-index: -1;
-    box-shadow: 0 0 8px rgba(0,0,0,0.6);
+    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
     background: #444
 }
 
@@ -14247,9 +14534,10 @@ img.mfp-img {
     cursor: pointer
 }
 
-@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
+@media screen and (max-width: 800px) and (orientation: landscape),
+screen and (max-height: 300px) {
     .mfp-img-mobile .mfp-image-holder {
-        padding-left:0;
+        padding-left: 0;
         padding-right: 0
     }
 
@@ -14268,7 +14556,7 @@ img.mfp-img {
     }
 
     .mfp-img-mobile .mfp-bottom-bar {
-        background: rgba(0,0,0,0.6);
+        background: rgba(0, 0, 0, 0.6);
         bottom: 0;
         margin: 0;
         top: auto;
@@ -14294,7 +14582,7 @@ img.mfp-img {
         width: 35px;
         height: 35px;
         line-height: 35px;
-        background: rgba(0,0,0,0.6);
+        background: rgba(0, 0, 0, 0.6);
         position: fixed;
         text-align: center;
         padding: 0
@@ -14303,7 +14591,7 @@ img.mfp-img {
 
 @media all and (max-width: 900px) {
     .mfp-arrow {
-        -webkit-transform:scale(0.75);
+        -webkit-transform: scale(0.75);
         transform: scale(0.75)
     }
 
@@ -14350,7 +14638,56 @@ img.mfp-img {
 }
 
 @media print {
-    .masthead,.toc,.page__share,.page__related,.ads,.page__footer {
+
+    .masthead,
+    .toc,
+    .page__share,
+    .page__related,
+    .ads,
+    .page__footer {
         display: none
     }
+}
+
+.slider-container {
+    position: fixed;
+    bottom: 25px;
+    right: 25px;
+}
+
+.slider-input {
+    display: none;
+    /* Hide the checkbox */
+}
+
+.slider-label {
+    width: 60px;
+    height: 34px;
+    background-color: #636363;
+    border-radius: 34px;
+    cursor: pointer;
+    position: relative;
+    transition: background-color 0.3s;
+}
+
+.slider-label::before {
+    content: "";
+    position: absolute;
+    width: 26px;
+    height: 26px;
+    background-color: rgb(255, 255, 255);
+    border-radius: 50%;
+    top: 4px;
+    left: 4px;
+    transition: transform 0.3s;
+}
+
+.slider-input:checked+.slider-label {
+    background-color: #373059;
+    /* Green background when checked */
+}
+
+.slider-input:checked+.slider-label::before {
+    transform: translateX(26px);
+    /* Move the slider */
 }
\ No newline at end of file
diff --git a/certification/index.html b/certification/index.html
index 7617fbf..dc01d4a 100644
--- a/certification/index.html
+++ b/certification/index.html
@@ -49,6 +49,11 @@
 </head>
 
 <body>
+    <script src="../script.js" defer></script>
+    <div class="slider-container">
+        <input type="checkbox" id="slider" class="slider-input">
+        <label for="slider" class="slider-label"></label>
+    </div>
     <div class="masthead">
         <div class="masthead__inner-wrap">
             <div class="masthead__menu">
diff --git a/experience/index.html b/experience/index.html
index 9716266..38a8105 100644
--- a/experience/index.html
+++ b/experience/index.html
@@ -49,6 +49,11 @@
 </head>
 
 <body>
+    <script src="../script.js" defer></script>
+    <div class="slider-container">
+        <input type="checkbox" id="slider" class="slider-input">
+        <label for="slider" class="slider-label"></label>
+    </div>
     <!--[if lt IE 9]><div class="notice--danger align-center" style="margin: 0;">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</div><![endif]-->
     <div class="masthead">
         <div class="masthead__inner-wrap">
diff --git a/extra-cariculum/index.html b/extra-cariculum/index.html
index 02746d1..eee8a57 100644
--- a/extra-cariculum/index.html
+++ b/extra-cariculum/index.html
@@ -51,6 +51,11 @@
 </head>
 
 <body>
+  <script src="../script.js" defer></script>
+    <div class="slider-container">
+        <input type="checkbox" id="slider" class="slider-input">
+        <label for="slider" class="slider-label"></label>
+    </div>
   <!--[if lt IE 9]><div class="notice--danger align-center" style="margin: 0;">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</div><![endif]-->
   <div class="masthead">
     <div class="masthead__inner-wrap">
diff --git a/gallery/index.html b/gallery/index.html
index 5bd3636..ae51746 100644
--- a/gallery/index.html
+++ b/gallery/index.html
@@ -80,11 +80,10 @@
         display: none;
         position: fixed;
         top: 20vh;
-        left: 12vh;
+        left: 15vh;
         width: 100%;
         height: 100%;
         background-color: rgba(0, 0, 0, 0.8);
-        z-index: 10;
         align-items: center;
         justify-content: center;
         overflow: hidden;
@@ -93,8 +92,8 @@
 
     .modal img {
         max-width: 100%;
-        max-height: 80vh;
-        object-fit: contain;
+        max-height: 100vh;
+        object-fit:contain ;
         border-radius: 8px;
     }
 
@@ -117,12 +116,23 @@
         text-align: center;
         font-weight: bold;
     }
+
+    @media (max-width: 550px){
+        .modal{
+            width: 110%;
+        }
+    }
 </style>
 
 
 
 
 <body>
+    <script src="../script.js" defer></script>
+    <div class="slider-container">
+        <input type="checkbox" id="slider" class="slider-input">
+        <label for="slider" class="slider-label"></label>
+    </div>
     <!--[if lt IE 9]><div class="notice--danger align-center" style="margin: 0;">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</div><![endif]-->
     <div class="masthead">
         <div class="masthead__inner-wrap">
diff --git a/index.html b/index.html
index 962b4c4..4d922d1 100644
--- a/index.html
+++ b/index.html
@@ -109,6 +109,17 @@
 </head>
 
 <body>
+    <script src="../script.js" defer></script>
+    <div class="slider-container">
+        <input type="checkbox" id="slider" class="slider-input">
+        <label for="slider" class="slider-label"></label>
+    </div>
+    <script src="./script.js" defer></script>
+    <div class="slider-container">
+        <input type="checkbox" id="slider" class="slider-input">
+        <label for="slider" class="slider-label"></label>
+    </div>
+    
     <div class="masthead">
         <div class="masthead__inner-wrap">
             <div class="masthead__menu">
diff --git a/projects/index.html b/projects/index.html
index 56b9631..8169090 100644
--- a/projects/index.html
+++ b/projects/index.html
@@ -48,6 +48,11 @@
 </head>
 
 <body>
+    <script src="../script.js" defer></script>
+    <div class="slider-container">
+        <input type="checkbox" id="slider" class="slider-input">
+        <label for="slider" class="slider-label"></label>
+    </div>
     <!--[if lt IE 9]><div class="notice--danger align-center" style="margin: 0;">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</div><![endif]-->
     <div class="masthead">
         <div class="masthead__inner-wrap">
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..28a0bc8
--- /dev/null
+++ b/script.js
@@ -0,0 +1,16 @@
+const sliderInput = document.getElementById('slider');
+const body = document.querySelector('body');
+
+let getMode = localStorage.getItem("mode");
+if (getMode && getMode === "dark") {
+    body.classList.toggle('dark');
+}
+
+sliderInput.addEventListener('change', () => {
+    body.classList.toggle('dark');
+    if (body.classList.contains('dark')) {
+        localStorage.setItem("mode", "dark");
+    } else {
+        localStorage.setItem("mode", "light");
+    }
+});
\ No newline at end of file
diff --git a/skills/index.html b/skills/index.html
index 64d0647..d3a2ceb 100644
--- a/skills/index.html
+++ b/skills/index.html
@@ -51,6 +51,11 @@
 </head>
 
 <body>
+    <script src="../script.js" defer></script>
+    <div class="slider-container">
+        <input type="checkbox" id="slider" class="slider-input">
+        <label for="slider" class="slider-label"></label>
+    </div>
     <!--[if lt IE 9]><div class="notice--danger align-center" style="margin: 0;">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</div><![endif]-->
     <div class="masthead">
         <div class="masthead__inner-wrap">
diff --git a/teams/ag-scripts.js b/teams/ag-scripts.js
deleted file mode 100644
index d9f913c..0000000
--- a/teams/ag-scripts.js
+++ /dev/null
@@ -1,402 +0,0 @@
-(function() {
-    try {
-        var AG_onLoad = function(func) {
-            if (document.readyState === "complete" || document.readyState === "interactive")
-                func();
-            else if (document.addEventListener)
-                document.addEventListener("DOMContentLoaded", func);
-            else if (document.attachEvent)
-                document.attachEvent("DOMContentLoaded", func)
-        };
-        ;var AG_removeElementById = function(id) {
-            var element = document.getElementById(id);
-            if (element && element.parentNode) {
-                element.parentNode.removeChild(element);
-            }
-        };
-        ;var AG_removeElementBySelector = function(selector) {
-            if (!document.querySelectorAll) {
-                return;
-            }
-            var nodes = document.querySelectorAll(selector);
-            if (nodes) {
-                for (var i = 0; i < nodes.length; i++) {
-                    if (nodes[i] && nodes[i].parentNode) {
-                        nodes[i].parentNode.removeChild(nodes[i]);
-                    }
-                }
-            }
-        };
-        ;var AG_each = function(selector, fn) {
-            if (!document.querySelectorAll)
-                return;
-            var elements = document.querySelectorAll(selector);
-            for (var i = 0; i < elements.length; i++) {
-                fn(elements[i]);
-            }
-            ;
-        };
-        ;var AG_removeParent = function(el, fn) {
-            while (el && el.parentNode) {
-                if (fn(el)) {
-                    el.parentNode.removeChild(el);
-                    return;
-                }
-                el = el.parentNode;
-            }
-        };
-        ;var AG_removeCookie = function(a) {
-            var e = /./;
-            /^\/.+\/$/.test(a) ? e = new RegExp(a.slice(1, -1)) : "" !== a && (e = new RegExp(a.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")));
-            a = function() {
-                for (var a = document.cookie.split(";"), g = a.length; g--; ) {
-                    cookieStr = a[g];
-                    var d = cookieStr.indexOf("=");
-                    if (-1 !== d && (d = cookieStr.slice(0, d).trim(),
-                    e.test(d)))
-                        for (var h = document.location.hostname.split("."), f = 0; f < h.length - 1; f++) {
-                            var b = h.slice(f).join(".");
-                            if (b) {
-                                var c = d + "="
-                                  , k = "; domain=" + b;
-                                b = "; domain=." + b;
-                                document.cookie = c + "; expires=Thu, 01 Jan 1970 00:00:00 GMT";
-                                document.cookie = c + k + "; expires=Thu, 01 Jan 1970 00:00:00 GMT";
-                                document.cookie = c + b + "; expires=Thu, 01 Jan 1970 00:00:00 GMT";
-                                document.cookie = c + "; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT";
-                                document.cookie = c + k + "; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT";
-                                document.cookie = c + b + "; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT"
-                            }
-                        }
-                }
-            }
-            ;
-            a();
-            window.addEventListener("beforeunload", a)
-        };
-        ;var AG_defineProperty = function() {
-            var p, q = Object.defineProperty;
-            if ("function" == typeof WeakMap)
-                p = WeakMap;
-            else {
-                var r = 0
-                  , t = function() {
-                    this.a = (r += Math.random()).toString()
-                };
-                t.prototype.set = function(a, b) {
-                    var d = a[this.a];
-                    d && d[0] === a ? d[1] = b : q(a, this.a, {
-                        value: [a, b],
-                        writable: !0
-                    });
-                    return this
-                }
-                ;
-                t.prototype.get = function(a) {
-                    var b;
-                    return (b = a[this.a]) && b[0] === a ? b[1] : void 0
-                }
-                ;
-                t.prototype.has = function(a) {
-                    var b = a[this.a];
-                    return b ? b[0] === a : !1
-                }
-                ;
-                p = t
-            }
-            function u(a) {
-                this.b = a;
-                this.h = Object.create(null)
-            }
-            function v(a, b, d, e) {
-                this.a = a;
-                this.i = b;
-                this.c = d;
-                this.f = e
-            }
-            function w() {
-                this.g = /^([^\\\.]|\\.)*?\./;
-                this.j = /\\(.)/g;
-                this.a = new p
-            }
-            function x(a, b) {
-                var d = b.f;
-                if (d && !("beforeGet"in d || "beforeSet"in d))
-                    return z(d);
-                var e = {
-                    get: function() {
-                        var c = b.f;
-                        c && c.beforeGet && c.beforeGet.call(this, b.a.b);
-                        a: if (c = b.g)
-                            c = A(c) ? c.value : c.get ? c.get.call(this) : void 0;
-                        else {
-                            c = b.a.b;
-                            if (b.i in c && (c = B(c),
-                            null !== c)) {
-                                var d = C.call(c, b.i);
-                                c = d ? d.call(this) : c[b.i];
-                                break a
-                            }
-                            c = void 0
-                        }
-                        (this === b.a.b || D.call(b.a.b, this)) && E(a, c, b.c);
-                        return c
-                    },
-                    set: function(c) {
-                        if (this === b.a.b || D.call(b.a.b, this)) {
-                            b.f && b.f.beforeSet && (c = b.f.beforeSet.call(this, c, this));
-                            var d = b.g;
-                            d && A(d) && d.value === c ? c = !0 : (d = F(b, c, this),
-                            G(c) && (c = H(a, c),
-                            I(a, c, b.c)),
-                            c = d)
-                        } else
-                            c = F(b, c, this);
-                        return c
-                    }
-                };
-                d && J(d, e, K);
-                return e
-            }
-            function I(a, b, d) {
-                for (var e in d.h) {
-                    var c = d.h[e];
-                    if (b.h[e]) {
-                        var h = a
-                          , g = b.h[e]
-                          , k = c;
-                        !k.f || g.f || "undefined" === typeof g.a.b || g.g || (g.g = z(k.f));
-                        g.c && k.c && g.c !== k.c && I(h, g.c, k.c)
-                    } else {
-                        g = h = void 0;
-                        k = a;
-                        var f = b
-                          , l = c.i
-                          , m = "undefined" !== typeof f.b
-                          , y = !1;
-                        m && (g = L(f.b, l)) && !g.configurable && (y = !0,
-                        h = f.b[l]);
-                        var n = y ? H(k, h) : new u(c.c.b);
-                        I(k, n, c.c);
-                        n = new v(f,l,n,c.f);
-                        f.h[l] = n;
-                        m && (n.g = g,
-                        m = x(k, n),
-                        y ? E(k, h, c.c) : (q(f.b, l, m),
-                        g && A(g) && (M(m, g.value, f.b),
-                        E(k, g.value, c.c))))
-                    }
-                }
-            }
-            function E(a, b, d) {
-                G(b) && (b = H(a, b),
-                I(a, b, d))
-            }
-            function F(a, b, d) {
-                var e = a.g;
-                if (!e) {
-                    e = B(a.a.b);
-                    if (null !== e && (e = N.call(e, a.i)))
-                        return e.call(d, b);
-                    if (!O(a.a.b))
-                        return !1;
-                    a.g = {
-                        value: b,
-                        configurable: !0,
-                        writable: !0,
-                        enumerable: !0
-                    };
-                    return !0
-                }
-                return M(e, b, d)
-            }
-            function H(a, b) {
-                var d = a.a.get(b);
-                d || (d = new u(b),
-                a.a.set(b, d));
-                return d
-            }
-            function A(a) {
-                return "undefined" !== typeof a.writable
-            }
-            function J(a, b, d) {
-                for (var e = 0, c = d.length; e < c; e++) {
-                    var h = d[e];
-                    h in a && (b[h] = a[h])
-                }
-            }
-            function z(a) {
-                if (a) {
-                    var b = {};
-                    J(a, b, P);
-                    return b
-                }
-            }
-            function M(a, b, d) {
-                if (A(a))
-                    return a.writable ? (a.value = b,
-                    !0) : !1;
-                if (!a.set)
-                    return !1;
-                a.set.call(d, b);
-                return !0
-            }
-            var P = "configurable enumerable value get set writable".split(" ")
-              , K = P.slice(0, 2)
-              , L = Object.getOwnPropertyDescriptor
-              , O = Object.isExtensible
-              , B = Object.getPrototypeOf
-              , D = Object.prototype.isPrototypeOf
-              , C = Object.prototype.__lookupGetter__ || function(a) {
-                return (a = Q(this, a)) && a.get ? a.get : void 0
-            }
-              , N = Object.prototype.__lookupSetter__ || function(a) {
-                return (a = Q(this, a)) && a.set ? a.set : void 0
-            }
-            ;
-            function Q(a, b) {
-                if (b in a) {
-                    for (; !w.hasOwnProperty.call(a, b); )
-                        a = B(a);
-                    return L(a, b)
-                }
-            }
-            function G(a) {
-                var b = typeof a;
-                return "function" === b || "object" === b && null !== a ? !0 : !1
-            }
-            var R;
-            return function(a, b, d) {
-                R || (R = new w);
-                var e = R;
-                d = d || window;
-                var c = new u;
-                a += ".";
-                var h = c || new u;
-                for (var g = e.g, k = e.j, f, l, m; a; ) {
-                    f = g.exec(a);
-                    if (null === f)
-                        throw 1;
-                    f = f[0].length;
-                    l = a.slice(0, f - 1).replace(k, "$1");
-                    a = a.slice(f);
-                    (f = h.h[l]) ? m = f.c : (m = new u,
-                    f = new v(h,l,m),
-                    h.h[l] = f);
-                    h = m
-                }
-                if (!f)
-                    throw 1;
-                a = f;
-                a.f = b;
-                E(e, d, c)
-            }
-            ;
-        }();
-        ;var AG_abortOnPropertyWrite = function(a, b) {
-            var c = Math.random().toString(36).substr(2, 8);
-            AG_defineProperty(a, {
-                beforeSet: function() {
-                    b && console.warn("AdGuard aborted property write: " + a);
-                    throw new ReferenceError(c);
-                }
-            });
-            var d = window.onerror;
-            window.onerror = function(e) {
-                if ("string" === typeof e && -1 !== e.indexOf(c))
-                    return b && console.warn("AdGuard has caught window.onerror: " + a),
-                    !0;
-                if (d instanceof Function)
-                    return d.apply(this, arguments)
-            }
-        };
-        ;var AG_abortOnPropertyRead = function(a, b) {
-            var c = Math.random().toString(36).substr(2, 8);
-            AG_defineProperty(a, {
-                beforeGet: function() {
-                    b && console.warn("AdGuard aborted property read: " + a);
-                    throw new ReferenceError(c);
-                }
-            });
-            var d = window.onerror;
-            window.onerror = function(e) {
-                if ("string" === typeof e && -1 !== e.indexOf(c))
-                    return b && console.warn("AdGuard has caught window.onerror: " + a),
-                    !0;
-                if (d instanceof Function)
-                    return d.apply(this, arguments)
-            }
-        };
-        ;var AG_abortInlineScript = function(g, b, c) {
-            var d = function() {
-                if ("currentScript"in document)
-                    return document.currentScript;
-                var a = document.getElementsByTagName("script");
-                return a[a.length - 1]
-            }
-              , e = Math.random().toString(36).substr(2, 8)
-              , h = d();
-            AG_defineProperty(b, {
-                beforeGet: function() {
-                    var a = d();
-                    if (a instanceof HTMLScriptElement && a !== h && "" === a.src && g.test(a.textContent))
-                        throw c && console.warn("AdGuard aborted execution of an inline script"),
-                        new ReferenceError(e);
-                }
-            });
-            var f = window.onerror;
-            window.onerror = function(a) {
-                if ("string" === typeof a && -1 !== a.indexOf(e))
-                    return c && console.warn("AdGuard has caught window.onerror: " + b),
-                    !0;
-                if (f instanceof Function)
-                    return f.apply(this, arguments)
-            }
-        };
-        ;var AG_setConstant = function(e, a) {
-            if ("undefined" === a)
-                a = void 0;
-            else if ("false" === a)
-                a = !1;
-            else if ("true" === a)
-                a = !0;
-            else if ("noopFunc" === a)
-                a = function() {}
-                ;
-            else if ("trueFunc" === a)
-                a = function() {
-                    return !0
-                }
-                ;
-            else if ("falseFunc" === a)
-                a = function() {
-                    return !1
-                }
-                ;
-            else if (/^\d+$/.test(a)) {
-                if (a = parseFloat(a),
-                isNaN(a) || 32767 < Math.abs(a))
-                    return
-            } else
-                return;
-            var b = !1;
-            AG_defineProperty(e, {
-                get: function() {
-                    return a
-                },
-                set: function(c) {
-                    if (b)
-                        var d = !0;
-                    else
-                        void 0 !== c && void 0 !== a && typeof c !== typeof a && (b = !0),
-                        d = b;
-                    d && (a = c)
-                }
-            })
-        };
-    } catch (ex) {
-        console.error('Error executing AG js: ' + ex);
-    }
-}
-)();
-//# sourceURL=ag-scripts.js
diff --git a/teams/index.html b/teams/index.html
deleted file mode 100644
index 6a16689..0000000
--- a/teams/index.html
+++ /dev/null
@@ -1,331 +0,0 @@
-<!doctype html>
-<html lang="en" class="no-js">
-
-<head>
-    <meta charset="utf-8"> <!-- begin SEO -->
-    <title>Teaching - Your Name / Site Title</title>
-    <meta property="og:locale" content="en-US">
-    <meta property="og:site_name" content="Your Name / Site Title">
-    <meta property="og:title" content="Teaching">
-    <link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css">
-
-    <link rel="canonical" href="../teaching/">
-    <meta property="og:url" content="../teaching/">
-    <script
-        type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "Person", "name" : "Your Name", "url" : ".", "sameAs" : null } </script>
-    <!-- end SEO -->
-    <link href="../feed.xml" type="application/atom+xml" rel="alternate" title="Your Name / Site Title Feed">
-    <!-- http://t.co/dKP3o1e -->
-    <meta name="HandheldFriendly" content="True">
-    <meta name="MobileOptimized" content="320">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script> document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/g, '') + ' js '; </script>
-    <!-- For all browsers -->
-    <link rel="stylesheet" href="../assets/css/main.css">
-    <meta http-equiv="cleartype" content="on"> <!-- start custom head snippets -->
-    <link rel="apple-touch-icon" sizes="57x57" href="../images/apple-touch-icon-57x57.png?v=M44lzPylqQ">
-    <link rel="apple-touch-icon" sizes="60x60" href="../images/apple-touch-icon-60x60.png?v=M44lzPylqQ">
-    <link rel="apple-touch-icon" sizes="72x72" href="../images/apple-touch-icon-72x72.png?v=M44lzPylqQ">
-    <link rel="apple-touch-icon" sizes="76x76" href="../images/apple-touch-icon-76x76.png?v=M44lzPylqQ">
-    <link rel="apple-touch-icon" sizes="114x114" href="../images/apple-touch-icon-114x114.png?v=M44lzPylqQ">
-    <link rel="apple-touch-icon" sizes="120x120" href="../images/apple-touch-icon-120x120.png?v=M44lzPylqQ">
-    <link rel="apple-touch-icon" sizes="144x144" href="../images/apple-touch-icon-144x144.png?v=M44lzPylqQ">
-    <link rel="apple-touch-icon" sizes="152x152" href="../images/apple-touch-icon-152x152.png?v=M44lzPylqQ">
-    <link rel="apple-touch-icon" sizes="180x180" href="../images/apple-touch-icon-180x180.png?v=M44lzPylqQ">
-    <link rel="icon" type="image/png" href="../images/favicon-32x32.png?v=M44lzPylqQ" sizes="32x32">
-    <link rel="icon" type="image/png" href="../images/android-chrome-192x192.png?v=M44lzPylqQ" sizes="192x192">
-    <link rel="icon" type="image/png" href="../images/favicon-96x96.png?v=M44lzPylqQ" sizes="96x96">
-    <link rel="icon" type="image/png" href="../images/favicon-16x16.png?v=M44lzPylqQ" sizes="16x16">
-    <link rel="manifest" href="../images/manifest.json?v=M44lzPylqQ">
-    <link rel="mask-icon" href="../images/safari-pinned-tab.svg?v=M44lzPylqQ" color="#000000">
-    <link rel="shortcut icon" href="/images/favicon.ico?v=M44lzPylqQ">
-    <meta name="msapplication-TileColor" content="#000000">
-    <meta name="msapplication-TileImage" content="../images/mstile-144x144.png?v=M44lzPylqQ">
-    <meta name="msapplication-config" content="../images/browserconfig.xml?v=M44lzPylqQ">
-    <meta name="theme-color" content="#ffffff">
-    <link rel="stylesheet" href="../assets/css/academicons.css" />
-    <!-- Support for MatJax -->
-    <script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?features=es6"></script>
-    <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
-    <!-- end custom head snippets -->
-    <style>
-        .personal{
-            display: flex;
-            justify-content: center;
-        }
-        .profile-pic {
-            max-width: 200px;
-            max-height: 200px;
-        }
-
-        .profile-pic img {
-            border-radius: 50%;
-            border: 5px solid rgb(250, 250, 167);
-        }
-
-        .member {
-            display: flex;
-            flex-wrap: wrap;
-            justify-content: space-around;
-        }
-
-
-        .team-member {
-            display: flex;
-            flex-wrap: wrap;
-            justify-content: space-around;
-        }
-
-        .team-member-profile {
-            margin: 20px;
-            padding: 20px;
-            border: 1px solid #ddd;
-            border-radius: 10px;
-            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-        }
-
-        .profile-picture {
-            max-width: 200px;
-            max-height: 200px;
-            margin: 0 auto;
-        }
-
-        .profile-picture img {
-            border-radius: 50%;
-            border: 5px solid rgb(250, 250, 167);
-        }
-
-        .profile-name {
-            font-weight: bold;
-            font-size: 18px;
-            margin-bottom: 10px;
-        }
-
-        .profile-biography {
-            font-size: 16px;
-            color: #666;
-        }
-    </style>
-</head>
-
-<body>
-    <!--[if lt IE 9]><div class="notice--danger align-center" style="margin: 0;">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</div><![endif]-->
-    <div class="masthead">
-        <div class="masthead__inner-wrap">
-            <div class="masthead__menu">
-                <nav id="site-nav" class="greedy-nav"> <button>
-                        <div class="navicon"></div>
-                    </button>
-                    <ul class="visible-links">
-                        <li class="masthead__menu-item masthead__menu-item--lg">
-                            <a href="index.html"><img src="../images/logo.png" style="height: 30px; width: 30px;" alt="Sankhla's Research Lab">Rakesh Thakur</a>
-                        </li>
-                        <li class="masthead__menu-item">
-                            <a href="../about-me/">About Me</a>
-                        </li>
-                        <li class="masthead__menu-item">
-                            <a href="../patent/">Certification</a>
-                        </li>
-                        <li class="masthead__menu-item">
-                            <a href="../publications/">Skills</a>
-                        </li>
-                        <li class="masthead__menu-item">
-                            <a href="../talks/">Projects</a>
-                        </li>
-                        <li class="masthead__menu-item">
-                            <a href="../project-experiment/">Experience</a>
-                        </li>
-                        <li class="masthead__menu-item">
-                            <a href="../books/">Extra-Cariculum</a>
-                        </li>
-                    </ul>
-                    <ul class="hidden-links hidden"></ul>
-                </nav>
-            </div>
-        </div>
-    </div>
-    <div id="main" role="main">
-        <div class="sidebar sticky">
-            <div itemscope itemtype="http://schema.org/Person">
-                <div class="author__avatar">
-                    <img src="https://media.licdn.com/dms/image/v2/D4D03AQFVj5BjUtxEwQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1707371031873?e=1738195200&v=beta&t=LQSYbw76Gv88ZgbmbHDVMK2HwNCsHPqgpePB3yuAyyQ" class="author__avatar" alt="Dr. Mahipal Singh Sankhla">
-                </div>
-                <div class="author__content">
-                    <h3 class="author__name">Dr. Rakesh Thakur</h3>
-                    <!-- <p class="author__bio">Expert in forensic science, specializing in toxicology, nanotechnology, and
-                        fingerprint analysis with 170+ articles.</p> -->
-                    <p class="author__bio">Assistant Professor, Dept. of Cloud Computing, Chandigarh University, Expert
-                        in AI/ML, specializing in team lead</p>
-                </div>
-                <div class="author__urls-wrapper">
-                    <button class="btn btn--inverse">Follow</button>
-                    <ul class="author__urls social-icons">
-                        <li class="author__desktop">
-                            <i class="fas fa-fw fa-building-columns icon-pad-right" aria-hidden="true"></i>
-                            Chandigarh University
-                        </li>
-                        <li style="display: flex;">
-                            <a href="mailto:mahi4n6@gmail.com">
-                                <i class="fas fa-fw fa-envelope icon-pad-right" aria-hidden="true"></i> Email 1</a>|
-                            &nbsp;<a href="mailto:mahipal4n6@gmail.com">Email 2 </a>
-                        </li>
-                        <li>
-                            <a href="https://in.linkedin.com/in/mahipal-singh-sankhla-109a7460s">
-                                <i class="fab fa-fw fa-linkedin icon-pad-right" aria-hidden="true"></i>
-                                Linkedin
-                            </a>
-                        </li>
-                        <!-- Font Awesome and Academicons icons / Academic websites -->
-                        <li>
-                            <a href="https://scholar.google.co.in/citations?user=JR9Y0SUAAAAJ&hl=en">
-                                <i class="ai ai-google-scholar icon-pad-right"></i>
-                                Google Scholar
-                            </a>
-                        </li>
-                        <li>
-                            <a href="https://orcid.org/0000-0002-7361-3786">
-                                <i class="ai ai-orcid ai-fw icon-pad-right"></i>
-                                ORCID
-                            </a>
-                        </li>
-                        <li>
-                            <a href="https://www.scopus.com/authid/detail.uri?authorId=57219964786">
-                                <i class="ai ai-pubmed ai-fw icon-pad-right"></i>
-                                SCOPUS
-                            </a>
-                        </li>
-                        <!-- Font Awesome icons / Social media -->
-                        <li>
-                            <a href="https://www.researchgate.net/profile/Mahipal_Singh_Sankhla">
-                                <i aria-hidden="true">RG</i>&nbsp
-                                Research Gate
-                            </a>
-                        </li>
-                        <li>
-                            <a href="https://vidwan.inflibnet.ac.in/profile/574338/NTc0MzM4">
-                                <i class="uil uil-lightbulb icon-pad-right" aria-hidden="true"></i>
-                                VIDWAN
-                            </a>
-                        </li>
-                        <li>
-                            <a href="https://www.webofscience.com/wos/author/record/AAZ-4331-2020">
-                                <i class="uil uil-triangle icon-pad-right" aria-hidden="true"></i>
-                                CLARIVATE ANALYTICS
-                            </a>
-                        </li>
-                    </ul>
-                </div>
-            </div>
-        </div>
-        <hr>
-        <div class="archive">
-            <div class="personal">
-                <h1 class="page__title">Teams</h1>
-            </div>
-            <div class="personal">
-
-                <div class="team-member-profile">
-                    <div class="profile-picture">
-                        <img src="../images/mahipal_sir_photo.jpg" alt="">
-                    </div>
-                    <h2 class="profile-name">Dr. Mahipal Singh Sankhla</h2>
-                </div>
-                <!-- <p class="biography">
-                    Dr. Mahipal Singh Sankhla is a distinguished Assistant Professor in the Department of Forensic
-                    Science at the University Centre for Research and Development (UCRD), Chandigarh University, Mohali,
-                    Punjab, India. With a profound expertise in forensic science, Dr. Sankhla has made significant
-                    contributions to the field, particularly in heavy metals toxicity, forensic toxicology,
-                    environmental toxicology, environmental forensics, nanotechnology, and fingerprint analysis. Dr.
-                    Sankhla earned his Bachelor of Science (Hons.) degree in Forensic Science, Master of Science degree
-                    in Forensic Science, and Ph.D. in Forensic Science from Galgotias University, Greater Noida, Uttar
-                    Pradesh. His academic journey is marked by extensive training at renowned institutions, including
-                    the Forensic Science Laboratory (FSL) in Lucknow, Central Bureau of Investigation (CBI) Central
-                    Forensic Science Laboratory (CFSL) in New Delhi, Codon Institute of Biotechnology in Noida, and the
-                    Rajasthan State Mines and Minerals Limited (R&D Division) in Udaipur. Before his tenure at
-                    Chandigarh University, Dr. Sankhla served as an Assistant Professor in the Department of Forensic
-                    Science at Vivekananda Global University, Jaipur, Rajasthan. His exceptional work has been
-                    recognized with numerous awards, including a Junior Research Fellowship (JRF) from the Department of
-                    Science and Technology (DST)-funded project at Malaviya National Institute of Technology (MNIT),
-                    Jaipur, and accolades such as the Young Scientist Award, Young Researcher Award, and Forensic
-                    Researcher Award. In addition to his teaching and research responsibilities, Dr. Sankhla has been
-                    honored by the Government of India with the nomination to mentor the 'Atal Innovation Mission' of
-                    NITI Aayog, aimed at setting up Atal Tinkering Labs (ATL) across Indian schools. His dedication to
-                    research is further reflected in his extensive publication record, with over 170 peer-reviewed
-                    articles in national and international journals, more than 30+ book chapters, and the editing of 8
-                    books. His contributions have also been recognized through two Indian copyrights, one German patent,
-                    and the publication of over 60 Indian patents and three Indian design grants. Dr. Sankhla actively
-                    engages in the scientific community by serving on editorial boards, reviewing for prestigious
-                    journals such as Springer, Elsevier, and Bentham, and participating in organizing committees for
-                    national and international conferences. His work continues to influence the field of forensic
-                    science and environmental research, making him a prominent figure in both academic and professional
-                    circles.
-                </p> -->
-            </div><hr>
-            <div class="personal">
-                <h2>Our Teams</h2>
-            </div>
-            <div class="team-member">
-                <div class="team-member-profile">
-                    <div class="profile-picture">
-                        <img src="../images/mem3.jpg" alt="">
-                    </div>
-                    <h2 class="profile-name">Mr. Anuj Sharma</h2>
-                    <p class="profile-biography">Ph.D. Research Scholar</p>
-                </div>
-
-                <div class="team-member-profile">
-                    <div class="profile-picture">
-                        <img src="../images/mem4.jpg" alt="">
-                    </div>
-                    <h2 class="profile-name">Ms. Archana Gautam</h2>
-                    <p class="profile-biography">Ph.D. Research Scholar</p>
-                </div>
-            </div>
-
-            <hr>
-
-            <h1 id="awards-&-honors">Research Collaborations </h1>
-
-            
-<h3>International</h3>
-<ul>
-    <li><b>Dr. Eugenio D'Orio</b>, Director, Bio Forensic Research Centre, Italy</li>
-    <li><b>Dr. Sanjay Kumar</b>, Central European Institute of Technology, Brno, Czechia</li>
-    <li><b>Dr. Chandra Kumar</b>, University of Mayor</li>
-    <li><b>Dr. Anoop M. Divakaran</b>, Toyota Technological Institute, Japan</li>
-    <li><b>Dr. Oken Icten</b>, Hacettepe University, Turkey</li>
-    <li><b>Rohith Krishna</b>, Sheffield Hallam University, U.K.</li>
-</ul>
-
-<h3>National</h3>
-<ul>
-    <li><b>Dr. Anjali Awasthi</b>, University of Rajasthan, Jaipur, India</li>
-    <li><b>Dr. Harsh Pandey</b>, Manipal University, Jaipur, India</li>
-    <li><b>Dr. Kamakshi Pandey</b>, MNIT, Jaipur, India</li>
-    <li><b>Dr. Kamlendra Awasthi</b>, MNIT, Jaipur, India</li>
-    <li><b>Prof. (Dr.) Kumud Kant Awasthi</b>, Vivekananda Global University, Jaipur, India</li>
-    <li><b>Prof. (Dr.) Rajeev Kumar</b>, Galgotias University, Greater Noida, India</li>
-    <li><b>Dr. Devidas Bhagat</b>, Govt. Institute of Forensic Science, Aurangabad, India</li>
-    <li><b>Dr. Chandra Shekhar Yadav</b>, National Forensic Science University, Tripura, India</li>
-    <li><b>Dr. Rouf Ahmad Bhat</b>, Sher-e-Kashmir University, Kashmir, India</li>
-    <li><b>Dr. Gaurav Kumar Singh</b>, Sharda University, Greater Noida, India</li>
-    <li><b>Dr. Shefali Gulliya</b>, Banasthali University, Jaipur, India</li>
-    <li><b>Dr. Lokesh Kumar Jangir</b>, Banaras Hindu University</li>
-    <li><b>Dr. Sudhakar Shrivastava</b>, Banaras Hindu University</li>
-    <li><b>Prof. (Dr.) Lalit Parsad</b>, Galgotias University, Greater Noida, India</li>
-    <li><b>Dr. Ram Kishan Kumawat</b>, Sate Forensic Science Laboratory, Jaipur, Rajasthan</li>
-    <li><b>Dr. Ravindra Chauhan</b>, Central Forensic Science Laboratory, CFSL, Delhi, India</li>
-    <li><b>Swaroop S. Sonone</b>, JPSM University, Pune, India</li>
-    <li><b>Kapil Parihar</b>, Regional Forensic Science Lab, Jodhpur, India</li>
-    <li><b>Dr. Tina Sharma</b>, Chandigarh University, India</li>
-    <li><b>Mr. Vaibhav Mishra</b>, Chandigarh University, India </li>
-    <li><b>Dr. Ankita Patel</b>, Gujrat University, India</li>
-    <li><b>Mr. Dipak Kumar Mahida</b>, Gujrat University, India</li>
-</ul>
-
-        </div>
-    </div>
-    <script src="../assets/js/main.min.js"></script>
-</body>
-
-</html>
\ No newline at end of file

From 42eaa9808515b96c7234ca52d79ac33e39247765 Mon Sep 17 00:00:00 2001
From: Arjun Tripathi <mearjuntripathi@gmail.com>
Date: Wed, 27 Nov 2024 12:10:50 +0530
Subject: [PATCH 2/2] update

---
 assets/css/main.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/assets/css/main.css b/assets/css/main.css
index d14c33a..74a3c06 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -14651,6 +14651,7 @@ screen and (max-height: 300px) {
 
 .slider-container {
     position: fixed;
+    z-index: 9999;
     bottom: 25px;
     right: 25px;
 }
