updates

7 files changed, 30 insertions, 30 deletions

diff --git a/public/css/about.css b/public/css/about.css
index 7107bed2..1816b750 100644
--- a/public/css/about.css
+++ b/public/css/about.css
@@ -1 +1 @@
-img{align-content:center;align-items:center;align-self:center}strong{text-align:center}.aboutPage{background-color:#05010d;z-index:-2}body{margin:0;padding:0}.container{height:100vh}.container,.left{align-items:center;display:flex;justify-content:center}.left{margin:4em 0 0;overflow:hidden;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.left img{max-width:100%}.right{display:flex;height:100%}.main{margin:auto}.main h2{font-size:24px;margin-bottom:10px}.main p{font-size:16px;margin:0}.info{height:80%}.name{font-family:smooth;font-size:10vw;text-align:center}.background{height:100vh;width:100%}
\ No newline at end of file
+img{align-content:center;align-items:center;align-self:center;-webkit-backdrop-filter:blur(64px) saturate(1.6);backdrop-filter:blur(64px) saturate(1.6);border-radius:10%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";opacity:.75;transition:all .3s}img:hover{border-radius:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1;transition:all .3s}strong{text-align:center}.aboutPage{background-color:#05010d;z-index:-2}body{margin:0;padding:0}.container{height:100vh}.container,.left{align-items:center;display:flex;justify-content:center}.left{margin-right:16px;margin-top:4em;overflow:hidden;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.left img{max-width:100%}.right{display:flex;height:100%;margin-left:16px}.main{margin:auto}.main h2{font-size:24px;margin-bottom:10px}.main p{font-size:16px;margin:0}.info{height:80%}.name{font-family:smooth;font-size:10vw;text-align:center}
\ No newline at end of file
diff --git a/public/css/ghrepo.css b/public/css/ghrepo.css
index 331b1bff..307200c2 100644
--- a/public/css/ghrepo.css
+++ b/public/css/ghrepo.css
@@ -1 +1 @@
-html{--text:#e5e5e5;--accent:rgba(22,136,240,.4);--bg-main:#000;--bg-repo:#0f0f1a;--bg-user:#0a0a0f;--purple:#7b1fa2;--violet:#673ab7;--pink:#f48fb1;--light-yellow:#ffc;--pale-yellow:#ff9;--lemon-yellow:#fffacd;--gold-color:#f4e8c1;--box-shadow:rgba(255,238,16,.4);--neon-red:#f83a3a;--neon-pink:#f13dd4;--neon-purple:#7000ff}*{background:transparent;box-sizing:border-box}a,div,p,span{transition:transform .3s,scale .3s}body{font-family:inter,Open Sans,sans-serif;margin:0}main{margin-top:var(--topBarHeight)}.bgWrap{background-color:var(--neon-bg-color);background-position:50%;background-repeat:no-repeat;background-size:cover;color:var(--gold-color);font-size:16px;height:100%;left:0;margin:0;overflow:hidden;padding:0;top:0;width:100%;z-index:-1}.bgWrap,.container{align-items:center;display:flex;justify-content:center}.container{flex-direction:row;flex-wrap:wrap;max-width:1280px;position:center;width:90%}.container small,h1{background:transparent}.hide{animation-duration:.5s!important;animation-fill-mode:forwards!important;animation-name:fadeOut!important;position:absolute;transition:all .5s}.unHide{animation-duration:.5s!important;animation-fill-mode:forwards!important;animation-name:fadeIn!important}h1{color:var(--accent);margin-bottom:4px}small{display:block;margin-bottom:20px}h2,small{text-align:center;width:100%}h2{color:var(--text);margin:0}a{background:transparent;color:var(--accent);text-decoration:none;-webkit-transition:all .5s;transition:all .5s}.github-img{margin-right:8px;width:45px}ul{list-style:none;padding:0}.user-info,.user-info *{background:transparent}.user-info{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;color:var(--text);display:flex;flex-wrap:wrap;font-size:18px;justify-content:center;padding:2em}.user-info figure{background:transparent;max-width:250px;width:90%}.user-info img{border:2px solid var(--accent);border-radius:100%;box-shadow:0 0 6px var(--accent),0 0 6px var(--accent);box-shadow:0 0 10mm rgba(0,0,0,.7);height:auto;max-width:100%;transition:transform .3s,border-radius .5s}.user-info img:hover{border-radius:5%;transition:transform .3s,border-radius .5s}.user-info img:hover{box-shadow:0 0 100mm var(--box-shadow);transform:scale(1.1)}.user-info div{align-items:center;display:flex;flex-wrap:wrap;padding-left:5%;text-align:center;width:100%}.user-info div p{background:transparent;border-bottom:1px solid var(--text);margin:0;padding:0 0 18px;width:100%}.user-info :hover{transform:scale(1.1);transition:transform .3s}.user-info .usertitle{font-family:audiowide;font-size:2vw;text-transform:uppercase}.filter-repos,input{background:#fff;background:hsla(0,0%,100%,.01);border:2px solid var(--accent);border-radius:20px;box-shadow:0 0 10mm rgba(0,0,0,.7);color:#fff;margin-bottom:1em;margin-top:1em;min-width:300px;padding:1em;text-align:center;-webkit-transition:all .5s;transition:all .5s;width:50%}.filter-repos:hover,input:hover{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);box-shadow:0 0 50mm rgba(0,0,0,.7);transform:scale(1.1);transition:all .5s}.filter-repos:active,input:active{-webkit-backdrop-filter:blur(200px);backdrop-filter:blur(200px);box-shadow:0 0 10mm rgba(0,0,0,.7)}.repo>*{animation-fill-mode:forwards;animation-name:scroll;animation-timing-function:linear;animation-timeline:view();font-family:inter}.repos{border-radius:16px;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:4em;margin-top:0;padding:2em;transition:transform .3s,background-color .5s}.repos:hover{transition:transform .5s,background-color .5s}.repo-title{color:var(--accent);font-family:liga;font-weight:700;margin:4px;text-align:center;width:100%}.rdescriptiontext{font-family:inter}.repo-list{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;scroll-snap-type:y mandatory}.repo-list,.repo-list li{background:transparent;width:100%}.repo-list li{-webkit-backdrop-filter:blur(200px);backdrop-filter:blur(200px);border:1px solid var(--accent);border-radius:16px;margin:1em 0;min-height:180px;padding:1em;scroll-snap-align:center;text-align:center;-webkit-transition:all .5s;transition:all .5s}.repo-list h3,span{background:transparent}.repo:hover{-webkit-backdrop-filter:blur(125px);backdrop-filter:blur(125px);border-radius:10px;box-shadow:0 0 50mm var(--box-shadow);transform:scale(1.05);transition:background .5s,transform 1s,boarder 1.5s,all .3s}.repo-list:hover:has(li:hover) li:not(:hover,.hide){animation-duration:.5s;-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);background:#000;background:rgba(0,0,0,.3);transform:scale(.95);transition:background .5s,transform 1s,all .3s}.link-btn{background:grey;background:hsla(0,0%,50%,.1);border:2px solid var(--accent);border-radius:30px;color:var(--text);padding:10px 20px;-webkit-transition:background .5s,transform .5s,border .5s,all .5s;transition:background .5s,transform .5s,border .5,all .3s}.link-btn:hover{background:#1688f0;background:rgba(22,136,240,.5);border:2px solid var(--text);border-radius:16px;box-shadow:0 0 50mm rgba(0,156,255,.7);transform:scale(1.1);-webkit-transition:background .5s,transform .5s,border .5s,all .5s;transition:background .5s,transform .5s,border .5s,all .5s}.repo-list p{background:transparent;margin:.5em 0;padding:0 .5em}.intro:hover,.user-info:hover{-webkit-backdrop-filter:blur(125px);backdrop-filter:blur(125px)}.intro{border-radius:16px;perspective:1000px;transform-style:preserve-3d}.user-info{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border:2px solid #fff}.floattext{transform:translateZ(200px)}.repo{-webkit-backdrop-filter:blur(200px);backdrop-filter:blur(200px);box-shadow:0 0 10mm rgba(0,0,0,.7);break-inside:avoid;overflow:auto;overflow-x:hidden;transition:all .3s}.rdescription{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.rdescription:hover{-webkit-line-clamp:unset}.btn-code:hover{border:2px solid linear-gradient(45deg,var(--neon-red) 10%,var(--neon-pink) 50%,var(--neon-purple) 90%);box-shadow:0 0 50mm linear-gradient(45deg,var(--neon-red) 10%,var(--neon-pink) 50%,var(--neon-purple) 90%)}@media (min-width:700px){.user-info div{background:transparent;text-align:left;width:45%}.user-info div p{margin:10px}.repo-list{justify-content:space-around}.repo-list li{margin:2% 1.5%;width:48%}}@media (min-width:1200px){.repo-list li{width:30%}}
\ No newline at end of file
+html{--text:#e5e5e5;--accent:rgba(22,136,240,.4);--bg-main:#000;--bg-repo:#0f0f1a;--bg-user:#0a0a0f;--purple:#7b1fa2;--violet:#673ab7;--pink:#f48fb1;--light-yellow:#ffc;--pale-yellow:#ff9;--lemon-yellow:#fffacd;--gold-color:#f4e8c1;--box-shadow:rgba(255,238,16,.4);--neon-red:#f83a3a;--neon-pink:#f13dd4;--neon-purple:#7000ff}*{background:transparent;box-sizing:border-box}a,div,p,span{transition:transform .3s,scale .3s}body{font-family:inter,Open Sans,sans-serif;margin:0}main{margin-top:var(--topBarHeight)}.bgWrap{background-color:var(--neon-bg-color);background-position:50%;background-repeat:no-repeat;background-size:cover;color:var(--gold-color);font-size:16px;height:100%;left:0;margin:0;overflow:hidden;padding:0;top:0;width:100%;z-index:-1}.bgWrap,.container{align-items:center;display:flex;justify-content:center}.container{flex-direction:row;flex-wrap:wrap;max-width:1280px;position:center;width:90%}.container small,h1{background:transparent}.hide{animation-duration:.5s!important;animation-fill-mode:forwards!important;animation-name:fadeOut!important;position:absolute;transition:all .5s}.unHide{animation-duration:.5s!important;animation-fill-mode:forwards!important;animation-name:fadeIn!important}h1{color:var(--accent);margin-bottom:4px}small{display:block;margin-bottom:20px}h2,small{text-align:center;width:100%}h2{color:var(--text);margin:0}a{background:transparent;color:var(--accent);text-decoration:none;-webkit-transition:all .5s;transition:all .5s}ul{list-style:none;padding:0}.user-info,.user-info *{background:transparent}.user-info{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;color:var(--text);display:flex;flex-wrap:wrap;font-size:18px;justify-content:center;padding:2em}.user-info figure{background:transparent;max-width:250px;width:90%}.user-info img{-webkit-backdrop-filter:blur(64px) saturate(1.6);backdrop-filter:blur(64px) saturate(1.6);border:2px solid var(--accent);border-radius:100%;box-shadow:0 0 6px var(--accent),0 0 6px var(--accent);box-shadow:0 0 10mm rgba(0,0,0,.7);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";height:auto;max-width:100%;opacity:.85;transition:transform .3s,border-radius .5s}.user-info img:hover{border-radius:5%;transition:transform .3s,border-radius .5s}.user-info img:hover{box-shadow:0 0 100mm var(--box-shadow);transform:scale(1.1)}.user-info div{align-items:center;display:flex;flex-wrap:wrap;padding-left:5%;text-align:center;width:100%}.user-info div p{background:transparent;border-bottom:1px solid var(--text);margin:0;padding:0 0 18px;width:100%}.user-info :hover{transform:scale(1.1);transition:transform .3s}.user-info .usertitle{font-family:audiowide;font-size:2vw;text-transform:uppercase}.filter-repos,input{background:#fff;background:hsla(0,0%,100%,.01);border:2px solid var(--accent);border-radius:20px;box-shadow:0 0 10mm rgba(0,0,0,.7);color:#fff;margin-bottom:1em;margin-top:1em;min-width:300px;padding:1em;text-align:center;-webkit-transition:all .5s;transition:all .5s;width:50%}.filter-repos:hover,input:hover{-webkit-backdrop-filter:blur(64px) saturate(1.6);backdrop-filter:blur(64px) saturate(1.6);box-shadow:0 0 50mm rgba(0,0,0,.7);transform:scale(1.1);transition:all .5s}.filter-repos:active,input:active{-webkit-backdrop-filter:blur(256px) saturate(1.6);backdrop-filter:blur(256px) saturate(1.6);box-shadow:0 0 10mm rgba(0,0,0,.7)}.repo>*{animation-fill-mode:forwards;animation-name:scroll;animation-timing-function:linear;animation-timeline:view();font-family:inter}.repos{border-radius:16px;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:4em;margin-top:0;padding:2em;transition:transform .3s,background-color .5s}.repos:hover{transition:transform .5s,background-color .5s}.repo-title{color:var(--accent);font-family:liga;font-weight:700;margin:4px;text-align:center;width:100%}.rdescriptiontext{font-family:inter}.repo-list{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;scroll-snap-type:y mandatory}.repo-list,.repo-list li{background:transparent;width:100%}.repo-list li{-webkit-backdrop-filter:blur(256px) saturate(1.6);backdrop-filter:blur(256px) saturate(1.6);border:1px solid var(--accent);border-radius:16px;margin:1em 0;min-height:180px;padding:1em;scroll-snap-align:center;text-align:center;-webkit-transition:all .5s;transition:all .5s}.repo-list h3,span{background:transparent}.repo:hover{-webkit-backdrop-filter:blur(128px) saturate(1.6);backdrop-filter:blur(128px) saturate(1.6);border-radius:10px;box-shadow:0 0 50mm var(--box-shadow);transform:scale(1.05);transition:background .5s,transform 1s,boarder 1.5s,all .3s}.repo-list:hover:has(li:hover) li:not(:hover,.hide){animation-duration:.5s;-webkit-backdrop-filter:blur(128px) saturate(1.6);backdrop-filter:blur(128px) saturate(1.6);background:#000;background:rgba(0,0,0,.3);transform:scale(.95);transition:background .5s,transform 1s,all .3s}.link-btn{background:grey;background:hsla(0,0%,50%,.1);border:2px solid var(--accent);border-radius:30px;color:var(--text);padding:10px 20px;-webkit-transition:background .5s,transform .5s,border .5s,all .5s;transition:background .5s,transform .5s,border .5,all .3s}.link-btn:hover{background:#1688f0;background:rgba(22,136,240,.5);border:2px solid var(--text);border-radius:16px;box-shadow:0 0 50mm rgba(0,156,255,.7);transform:scale(1.1);-webkit-transition:background .5s,transform .5s,border .5s,all .5s;transition:background .5s,transform .5s,border .5s,all .5s}.repo-list p{background:transparent;margin:.5em 0;padding:0 .5em}.intro:hover,.user-info:hover{-webkit-backdrop-filter:blur(128px) saturate(1.6);backdrop-filter:blur(128px) saturate(1.6)}.intro{border-radius:16px;perspective:1000px;transform-style:preserve-3d}.user-info{-webkit-backdrop-filter:blur(128px) saturate(1.6);backdrop-filter:blur(128px) saturate(1.6);border:2px solid #fff}.floattext{transform:translateZ(200px)}.repo{-webkit-backdrop-filter:blur(256px) saturate(1.6);backdrop-filter:blur(256px) saturate(1.6);box-shadow:0 0 10mm rgba(0,0,0,.7);break-inside:avoid;overflow:auto;overflow-x:hidden;transition:all .3s}.rdescription{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.rdescription:hover{-webkit-line-clamp:unset}.btn-code:hover{border:2px solid linear-gradient(45deg,var(--neon-red) 10%,var(--neon-pink) 50%,var(--neon-purple) 90%);box-shadow:0 0 50mm linear-gradient(45deg,var(--neon-red) 10%,var(--neon-pink) 50%,var(--neon-purple) 90%)}@media (min-width:700px){.user-info div{background:transparent;text-align:left;width:45%}.user-info div p{margin:10px}.repo-list{justify-content:space-around}.repo-list li{margin:2% 1.5%;width:48%}}@media (min-width:1200px){.repo-list li{width:30%}}
\ No newline at end of file
diff --git a/public/css/index.css b/public/css/index.css
index 2804d4fb..78f6f47a 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -1 +1 @@
-html{--text:#f4e8c1}.wrapper{height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100%;-ms-overflow-style:none;scrollbar-width:none;z-index:-6}.wrapper::-webkit-scrollbar{display:none}.indexPage{background-color:var(--neon-bg-color);background-position:50%;background-repeat:no-repeat;background-size:cover;color:var(--text);height:100%;left:0;margin:0;overflow:hidden;padding:0;top:0;width:100%;z-index:-10}.window{-webkit-backdrop-filter:blur(1024px);backdrop-filter:blur(1024px);background:transparent;box-shadow:0 0 100px rgba(5,1,13,.4);height:70%;left:10%;top:15%;width:80%;z-index:999}.window,.window .windowWrap{align-items:center;display:flex;justify-content:center;position:relative}.window .windowWrap{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #fff;border-radius:1em;height:100%;text-align:center;width:100%;z-index:11}.window .windowWrap .text{position:relative;text-align:center;width:100%}.window .windowWrap .text .title{font-family:monoton;font-kerning:none;font-size:7vw;text-transform:uppercase}.description{font-family:rocksalt;font-size:2.5vw}.title{text-shadow:15px 15px 15px #000;-webkit-transition:all .5s;transition:all .5s}.title:hover{transform:scale(1.1);-webkit-transition:all .5s;transition:all .5s}.window .windowWrap .text .br{display:block;height:0;margin-bottom:5vh;width:0}.text{text-shadow:0 1px 0 #e9e6e6,0 2px 0 #e9e6e6,0 3px 0 #e9e6e6,0 4px 0 #e9e6e6,0 5px 0 #e9e6e6,0 6px 0 #e9e6e6,0 7px 0 #e9e6e6,0 8px 0 #e9e6e6,0 9px 0 #e9e6e6,0 10px 0 #e9e6e6,0 30px 10px rgba(0,0,0,.7);transform:translateZ(200px)}.tilt,.windowWrap{transform-style:preserve-3d}
\ No newline at end of file
+html{--text:#f4e8c1}.wrapper{height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100%;-ms-overflow-style:none;scrollbar-width:none;z-index:-6}.wrapper::-webkit-scrollbar{display:none}.indexPage{background-color:var(--neon-bg-color);background-position:50%;background-repeat:no-repeat;background-size:cover;color:var(--text);height:100%;left:0;margin:0;overflow:hidden;padding:0;top:0;width:100%;z-index:-10}.window{-webkit-backdrop-filter:blur(1024px) saturate(1.6);backdrop-filter:blur(1024px) saturate(1.6);background:transparent;box-shadow:0 0 100px rgba(5,1,13,.4);height:70%;left:10%;top:15%;width:80%;z-index:999}.window,.window .windowWrap{align-items:center;display:flex;justify-content:center;position:relative}.window .windowWrap{-webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6);border:1px solid #fff;border-radius:1em;height:100%;text-align:center;width:100%;z-index:11}.window .windowWrap .text{position:relative;text-align:center;width:100%}.window .windowWrap .text .title{font-family:monoton;font-kerning:none;font-size:7vw;text-transform:uppercase}.description{font-family:rocksalt;font-size:2.5vw}.title{text-shadow:15px 15px 15px #000;-webkit-transition:all .5s;transition:all .5s}.title:hover{transform:scale(1.1);-webkit-transition:all .5s;transition:all .5s}.window .windowWrap .text .br{display:block;height:0;margin-bottom:5vh;width:0}.text{text-shadow:0 1px 0 #e9e6e6,0 2px 0 #e9e6e6,0 3px 0 #e9e6e6,0 4px 0 #e9e6e6,0 5px 0 #e9e6e6,0 6px 0 #e9e6e6,0 7px 0 #e9e6e6,0 8px 0 #e9e6e6,0 9px 0 #e9e6e6,0 10px 0 #e9e6e6,0 30px 10px rgba(0,0,0,.7);transform:translateZ(200px)}.tilt,.windowWrap{transform-style:preserve-3d}
\ No newline at end of file
diff --git a/public/css/style.css b/public/css/style.css
index bceaa96a..5dbf88d8 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1 +1 @@
-html{--topBarHeight:5em;--neon-bg-color:#05010d;color-scheme:dark}@font-face{font-family:hacked;src:url(/fonts/Hacked-KerX.ttf)}@font-face{font-family:smooth;src:url(/fonts/SmoothElegantRegular-ZLv3.ttf)}@font-face{font-family:liga;src:url(/fonts/LigaJetBrainsMonoNerdFont-Regular.ttf)}@font-face{font-family:big;src:url(/fonts/Big500-8MLOM.ttf)}@font-face{font-family:monoton;src:url(/fonts/Monoton.ttf)}@font-face{font-family:rocksalt;src:url(/fonts/RockSalt-Regular.ttf)}@font-face{font-family:audiowide;src:url(/fonts/audiowide.ttf)}@font-face{font-family:inter;src:url(/fonts/Inter.ttf)}*{box-sizing:border-box;font-family:liga;margin:0;padding:0;text-shadow:0 0 1px #000;-webkit-font-smoothing:antialiased;font-smooth:antialiased}@media (pointer:coarse),(pointer:none){*{transition:all .3s}}body{left:0;top:0;transition:background 1s ease-in-out}body::-webkit-scrollbar{display:none}@keyframes slideInTop{0%{transform:translateY(-300px)}to{transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(30px)}80%{transform:translateY(-15px)}}@keyframes zoomIn{0%{scale:.01}65%{scale:1.05}to{position:relative;scale:1}}@keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(.01)}}@keyframes fadeZoomIn{0%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";opacity:.35;scale:1.15}to{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1;scale:1}}@keyframes reveal{0%{-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);-webkit-filter:blur(32px);-moz-filter:blur(32px);-o-filter:blur(32px);-ms-filter:blur(32px);filter:blur(32px);transform:scale(2)}}@keyframes shake{0%{transform:rotate(0deg)}25%{transform:rotate(.5deg)}50%{transform:rotate(0eg)}75%{transform:rotate(-.5deg)}to{transform:rotate(0deg)}}@keyframes background-pan{0%{background-position:0}to{background-position:-200%}}@keyframes fadeIn{0%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;scale:.8}to{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1;scale:1}}@keyframes fadeOut{to{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;scale:.8}}@keyframes scroll{0%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";opacity:.8;scale:.75}to{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1;scale:1}}@keyframes rotate{0%{rotate:0deg}50%{scale:1 1.25}to{rotate:1turn}}.animate{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate.animate--infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate.animation--delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animate.animation--delay-p5s{animation-delay:.5s;-webkit-animation-duration:.5s;animation-duration:.5s}.animate.animation--delay-p3s{animation-delay:.3s}.animate.animation--delay-p3s,.animate.animation--fast{-webkit-animation-duration:.3s;animation-duration:.3s}.animate.animation--slow{-webkit-animation-duration:1s;animation-duration:1s}.animate.slideInTop{animation-name:slideInTop;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.animate.bounce{-webkit-animation-name:bounce;animation-name:bounce}.animate.zoomIn{-webkit-animation-name:reveal;animation-name:zoomIn}.animate.zoomIn,.animate.zoomOut{-webkit-transition-timing-function:linear;transition-timing-function:linear}.animate.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}.animate.reveal{animation-duration:.5s;-webkit-animation-name:reveal;animation-name:reveal;-webkit-transition-timing-function:linear;transition-timing-function:linear}.animate.shake{-webkit-animation-name:shake;animation-name:shake}.animate.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}.animate.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}.animate.fadeZoomIn{-webkit-animation-name:fadeZoomIn;animation-name:fadeZoomIn}.aniamte.persist{animation-fill-mode:forwards}@media (prefers-reduced-motion:no-preference){:has(:target){scroll-behavior:smooth;scroll-padding-top:var(--topBarHeight)}}.js-tilt-glare{border-radius:18px;overflow:hidden}header{align-items:center;background-color:#000;height:var(--topBarHeight);justify-content:space-between;left:0;margin-left:12.5%;position:fixed;top:32px;top:2rem;width:75%;z-index:1000}.navBar a,header{border-radius:32px;text-align:center;transition:all .3s}.navBar a{color:#f4e8c1;font-size:32px;font-size:2rem;height:100%;margin-left:10mm;margin-right:10mm;padding-top:5mm;position:relative;text-decoration:none;text-transform:capitalize}.navBar .hleft a{float:left}.navBar .hright a{float:right}.navBar a:after{background:grey;background:hsla(0,0%,50%,.2);border-radius:1mm;bottom:0;content:"";height:1mm;left:0;position:absolute;transform:scaleX(0);-webkit-transition:all .3s;transition:all .3s;width:100%}.navBar a:hover:after{transform:scaleX(1.1)}.navBar a:hover{-webkit-transition:all 1s;transition:all 1s}.navBar a.active:after{background:grey;background:hsla(0,0%,50%,.9);border-radius:1mm;bottom:0;content:"";height:1mm;left:0;position:absolute;transform:scaleX(1);width:100%}#navBarHeader:hover,.navBar:active,.navBar:hover,header:hover{transform:scale(1.005);transition:all .5s}#navBarHeader:active,.navBar:active,header:active{transform:scale(1.05)}#navBarHeader,.navBar,header{transition:all .5s}.contents{height:100%;margin:0;padding:0;width:100%}section{position:relative}.wrapper{height:100vh;overflow-x:hidden;overflow-y:auto;perspective:10px}a:hover{cursor:pointer;font-weight:700;height:100%;margin-left:5mm;margin-right:5mm;padding-bottom:3mm;padding-top:3mm;position:relative;text-align:center;text-decoration:underline;-webkit-text-decoration-line:underline;text-decoration-line:underline;text-decoration-thickness:3px;text-transform:capitalize;text-underline-offset:1px;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition:all .5s;transition:all .5s}a:active{transform:scale(.9)}.sep{height:5vh;width:5vh}.blob{animation-fill-mode:forwards;background-color:#fff;background:-webkit-gradient(linear,left top,right top,from(#0ff),to(#9370db));background:linear-gradient(90deg,#0ff,#9370db);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:blur(7vmax);-webkit-filter:blur(7vmax);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";min-height:75%;min-width:75%;opacity:.4;z-index:0}.blob,.sblob{border-radius:50%;height:15vmax;left:50%;position:absolute;top:50%;translate:-50% -50%;width:20vmax}.sblob{animation:rotate 20s infinite;aspect-ratio:1;background-color:#fff;background:conic-gradient(#0ff,#9370db);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:blur(7vmax);-webkit-filter:blur(7vmax);opacity:.8;z-index:-1}
\ No newline at end of file
+html{--topBarHeight:5em;--neon-bg-color:#05010d;color-scheme:dark}@font-face{font-family:hacked;src:url(/fonts/Hacked-KerX.ttf)}@font-face{font-family:smooth;src:url(/fonts/SmoothElegantRegular-ZLv3.ttf)}@font-face{font-family:liga;src:url(/fonts/LigaJetBrainsMonoNerdFont-Regular.ttf)}@font-face{font-family:big;src:url(/fonts/Big500-8MLOM.ttf)}@font-face{font-family:monoton;src:url(/fonts/Monoton.ttf)}@font-face{font-family:rocksalt;src:url(/fonts/RockSalt-Regular.ttf)}@font-face{font-family:audiowide;src:url(/fonts/audiowide.ttf)}@font-face{font-family:inter;src:url(/fonts/Inter.ttf)}*{box-sizing:border-box;font-family:liga;margin:0;padding:0;text-shadow:0 0 1px #000;-webkit-font-smoothing:antialiased;font-smooth:antialiased}@media (pointer:coarse),(pointer:none){*{transition:all .3s}}body{left:0;top:0;transition:background 1s ease-in-out}body::-webkit-scrollbar{display:none}@keyframes slideInTop{0%{transform:translateY(-300px)}to{transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(30px)}80%{transform:translateY(-15px)}}@keyframes zoomIn{0%{scale:.01}65%{scale:1.05}to{position:relative;scale:1}}@keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(.01)}}@keyframes fadeZoomIn{0%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";opacity:.35;scale:1.15}to{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1;scale:1}}@keyframes reveal{0%{-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);-webkit-filter:blur(32px);-moz-filter:blur(32px);-o-filter:blur(32px);-ms-filter:blur(32px);filter:blur(32px);transform:scale(2)}}@keyframes shake{0%{transform:rotate(0deg)}25%{transform:rotate(.5deg)}50%{transform:rotate(0eg)}75%{transform:rotate(-.5deg)}to{transform:rotate(0deg)}}@keyframes background-pan{0%{background-position:0}to{background-position:-200%}}@keyframes fadeIn{0%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;scale:.8}to{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1;scale:1}}@keyframes fadeOut{to{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;scale:.8}}@keyframes scroll{0%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";opacity:.8;scale:.75}to{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1;scale:1}}@keyframes rotate{0%{rotate:0deg}50%{scale:1 1.25}to{rotate:1turn}}@keyframes minimize{0%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1;scale:1}to{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;scale:0}}.animate{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate.animate--infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate.animation--delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animate.animation--delay-p5s{animation-delay:.5s;-webkit-animation-duration:.5s;animation-duration:.5s}.animate.animation--delay-p3s{animation-delay:.3s}.animate.animation--delay-p3s,.animate.animation--fast{-webkit-animation-duration:.3s;animation-duration:.3s}.animate.animation--slow{-webkit-animation-duration:1s;animation-duration:1s}.animate.slideInTop{animation-name:slideInTop;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.animate.bounce{-webkit-animation-name:bounce;animation-name:bounce}.animate.zoomIn{-webkit-animation-name:reveal;animation-name:zoomIn}.animate.zoomIn,.animate.zoomOut{-webkit-transition-timing-function:linear;transition-timing-function:linear}.animate.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}.animate.reveal{animation-duration:.5s;-webkit-animation-name:reveal;animation-name:reveal;-webkit-transition-timing-function:linear;transition-timing-function:linear}.animate.shake{-webkit-animation-name:shake;animation-name:shake}.animate.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}.animate.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}.animate.fadeZoomIn{-webkit-animation-name:fadeZoomIn;animation-name:fadeZoomIn}.aniamte.persist{animation-fill-mode:forwards}@media (prefers-reduced-motion:no-preference){:has(:target){scroll-behavior:smooth;scroll-padding-top:var(--topBarHeight)}}.js-tilt-glare{border-radius:18px;overflow:hidden}header{align-items:center;background-color:#000;height:var(--topBarHeight);justify-content:space-between;left:0;margin-left:12.5%;overflow:hidden;position:fixed;top:32px;top:2rem;transition:all .1s;width:75%;z-index:1000}.navBar a,header{border-radius:32px;text-align:center}.navBar a{color:#f4e8c1;font-size:32px;font-size:2rem;height:100%;margin-left:10mm;margin-right:10mm;padding-top:5mm;position:relative;text-decoration:none;text-transform:capitalize;transition:all .3s}.navBar .hleft a{float:left}.navBar .hright a{float:right}.navBar a:after{background:grey;background:hsla(0,0%,50%,.2);border-radius:1mm;bottom:0;content:"";height:1mm;left:0;position:fixed;transform:scaleX(0);-webkit-transition:all .3s;transition:all .3s;width:100%}.navBar a:hover:after{transform:scaleX(1.1)}.navBar a:hover{-webkit-transition:all 1s;transition:all 1s}.navBar a.active:after{background:grey;background:hsla(0,0%,50%,.9);border-radius:1mm;bottom:0;content:"";height:1mm;left:0;position:absolute;transform:scaleX(1);width:100%}#navBarHeader:hover,.navBar:active,.navBar:hover,header:hover{transform:scale(1.005);transition:all .5s}#navBarHeader:active,.navBar:active,header:active{transform:scale(1.05)}#navBarHeader,.navBar,header{transition:all .5s}header.minimizedIsland{animation-fill-mode:forwards;-webkit-animation-name:minimizeIsland;animation-name:minimizeIsland;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;scale:0;transition:all .3s}.contents{height:100%;margin:0;padding:0;width:100%}section{position:relative}.wrapper{height:100vh;overflow-x:hidden;overflow-y:auto;perspective:10px}a:hover{cursor:pointer;font-weight:700;height:100%;margin-left:5mm;margin-right:5mm;padding-bottom:3mm;padding-top:3mm;position:relative;text-align:center;text-decoration:underline;-webkit-text-decoration-line:underline;text-decoration-line:underline;text-decoration-thickness:3px;text-transform:capitalize;text-underline-offset:1px;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition:all .5s;transition:all .5s}a:active{transform:scale(.9)}.sep{height:5vh;width:5vh}.blob{animation-fill-mode:forwards;background-color:#fff;background:-webkit-gradient(linear,left top,right top,from(#0ff),to(#9370db));background:linear-gradient(90deg,#0ff,#9370db);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:blur(7vmax);-webkit-filter:blur(7vmax);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";min-height:75%;min-width:75%;opacity:.4;z-index:0}.blob,.sblob{border-radius:50%;height:15vmax;left:50%;position:absolute;top:50%;translate:-50% -50%;width:20vmax}.sblob{animation:rotate 20s infinite;aspect-ratio:1;background-color:#fff;background:conic-gradient(#0ff,#9370db);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:blur(7vmax);-webkit-filter:blur(7vmax);opacity:.8;z-index:-1}
\ No newline at end of file
diff --git a/public/js/header.js b/public/js/header.js
index 79fc0610..7859fbab 100644
--- a/public/js/header.js
+++ b/public/js/header.js
@@ -1 +1 @@
-"use strict";var header=document.querySelector("[header]"),mainHeader=document.createElement("div"),page=header.getAttribute("page");mainHeader.innerHTML="\n<!-- header -->\n<header id=\"navBarHeader\">\n\t<nav class=\"navBar\">\n\t\t<div class=\"hleft\">\n\t\t\t<a id=\"btnHome\" style=\"text-decoration: unset\" href=\"/\">Home<span></span></span></a>\n\t\t</div>\n\t\t<div class=\"hright\">\n\t\t\t<a href=\"/ghrepos\" id=\"btnGhRepo\" style=\"text-decoration: unset\">Github Repos</a>\n\t\t\t<a href=\"/about\" id=\"btnAbout\" style=\"text-decoration: unset\">About</a>\n\t\t</div>\n\t</nav> \n</header>\n",header.appendChild(mainHeader),document.getElementById("btn"+page).setAttribute("class","active");
\ No newline at end of file
+"use strict";var header=document.querySelector("[header]"),mainHeader=document.createElement("div"),page=header.getAttribute("page");mainHeader.innerHTML="\n<!-- header -->\n<header id=\"navBarHeader\">\n\t<nav class=\"navBar\">\n\t\t<div class=\"hleft\">\n\t\t\t<a id=\"btnHome\" style=\"text-decoration: unset\" href=\"/\">Home<span></span></span></a>\n\t\t</div>\n\t\t<div class=\"hright\">\n\t\t\t<a href=\"/ghrepos\" id=\"btnGhRepo\" style=\"text-decoration: unset\">Github Repos</a>\n\t\t\t<a href=\"/about\" id=\"btnAbout\" style=\"text-decoration: unset\">About</a>\n\t\t</div>\n\t</nav> \n</header>\n",header.appendChild(mainHeader),document.getElementById("btn"+page).setAttribute("class","active"),window.onscroll=function(){var header=document.querySelector("header");header.classList.toggle("minimizedIsland",100<window.scrollY)};
\ No newline at end of file
diff --git a/public/pages/info/about.html b/public/pages/info/about.html
index be95b136..a788dc42 100644
--- a/public/pages/info/about.html
+++ b/public/pages/info/about.html
@@ -9,36 +9,36 @@
     <link rel="icon" href="https://avatars.githubusercontent.com/u/97672521" type="image/png">
 </head>
 <body class="animate reveal">
-    <div class="background" id="bg">
     <!-- headers -->
     <div header page="About"></div>
     <!-- main page -->
-    <section class="aboutPage">
-        <div class="container">
-            <div id="blob" class="sblob"></div>
-            <div class="left">
-                <img src="https://avatars.githubusercontent.com/u/97672521" alt="Me" loading="lazy">
-            </div>
-            <div class="right">
-                <div class="main">
-                    <strong class="name">littleblack111</strong>
-                    <div class="sep"></div>
-                    <div class="intro">
-                        <strong>Who am I</strong>
-                        <p>I'm a senior programmer</p>
-                    </div>
-                    <div class="info">
-                        <ul>What programming language do I do?
-                            <li>Python(3)</li>
-                            <li>C</li>
-                            <li>C++</li>
-                            <li>JavaScript</li>
-                        </ul>
+    <div class="wrapper">
+        <section class="aboutPage">
+            <div class="container">
+                <div id="blob" class="sblob"></div>
+                <div class="left">
+                    <img src="https://avatars.githubusercontent.com/u/97672521" alt="Me" loading="lazy">
+                </div>
+                <div class="right">
+                    <div class="main">
+                        <strong class="name">littleblack111</strong>
+                        <div class="sep"></div>
+                        <div class="intro">
+                            <strong>Who am I</strong>
+                            <p>I'm a senior programmer</p>
+                        </div>
+                        <div class="info">
+                            <ul>What programming language do I do?
+                                <li>Python(3)</li>
+                                <li>C</li>
+                                <li>C++</li>
+                                <li>JavaScript</li>
+                            </ul>
+                        </div>
                     </div>
                 </div>
             </div>
-        </div>
-    </section>
+        </section>
     </div>
     <script src="/js/main.js"></script>
     <script src="/js/about.js"></script>
diff --git a/public/sw.js b/public/sw.js
index f3464e57..9a2d191f 100644
--- a/public/sw.js
+++ b/public/sw.js
@@ -1 +1 @@
-"use strict";var cacheName="cache-v1",resourceToPrecache=["/","/index.html","/404.html","/pages/info/about.html","/pages/repo/github/repos.html","/css/style.css","/css/404.css","/css/index.css","/css/ghrepo.css","/css/about.css","/css/devicon.min.css","/js/main.js","/js/about.js","/js/dynamicBlob.js","/js/getrepo.js","/js/hacktype.js","/js/header.js","/js/index.js","/js/mouseblob.js","/js/randomblob.js","/js/rbg.js","/js/tilt.conf.js","/js/tilt.conf.noglare.js","/js/tilt.js","/js/2dtilt.js","/fonts/Hacked-KerX.ttf","/fonts/SmoothElegantRegular-ZLv3.ttf","/fonts/LigaJetBrainsMonoNerdFont-Regular.ttf","/fonts/Big500-8MLOM.ttf","/fonts/Monoton.ttf","/fonts/RockSalt-Regular.ttf","/fonts/audiowide.ttf"];caches.keys().then(function(){for(var a,b=0,c=resourceToPrecache;b<c.length;b++)a=c[b],caches.delete(a)}),self.addEventListener("install",function(a){a.waitUntil(caches.open(cacheName).then(function(a){return a.addAll(resourceToPrecache)}))}),self.addEventListener("fetch",function(a){a.respondWith(caches.match(a.request).then(function(b){return b||fetch(a.request)}))}),self.addEventListener("activate",function(a){a.waitUntil(caches.keys().then(function(a){return Promise.all(a.filter(function(){return!0}).map(function(a){return caches.delete(a)}))}))});
\ No newline at end of file
+"use strict";var cacheName="cache-v1",resourceToPrecache=["/","/index.html","/404.html","/pages/info/about.html","/pages/repo/github/repos.html","/css/style.css","/css/404.css","/css/index.css","/css/ghrepo.css","/css/about.css","/css/devicon.min.css","/js/main.js","/js/about.js","/js/dynamicBlob.js","/js/getrepo.js","/js/hacktype.js","/js/header.js","/js/index.js","/js/mouseblob.js","/js/randomblob.js","/js/rbg.js","/js/tilt.conf.js","/js/tilt.conf.noglare.js","/js/tilt.js","/js/2dtilt.js","/fonts/Hacked-KerX.ttf","/fonts/SmoothElegantRegular-ZLv3.ttf","/fonts/LigaJetBrainsMonoNerdFont-Regular.ttf","/fonts/Big500-8MLOM.ttf","/fonts/Monoton.ttf","/fonts/RockSalt-Regular.ttf","/fonts/audiowide.ttf"];caches.keys().then(function(){for(var name,_i=0,_resourceToPrecache=resourceToPrecache;_i<_resourceToPrecache.length;_i++)name=_resourceToPrecache[_i],caches.delete(name)}),self.addEventListener("install",function(event){event.waitUntil(caches.open(cacheName).then(function(cache){return cache.addAll(resourceToPrecache)}))}),self.addEventListener("fetch",function(event){event.respondWith(caches.match(event.request).then(function(cachedResponse){return cachedResponse||fetch(event.request)}))}),self.addEventListener("activate",function(event){event.waitUntil(caches.keys().then(function(cacheNames){return Promise.all(cacheNames.filter(function(){return!0}).map(function(cacheName){return caches.delete(cacheName)}))}))});
\ No newline at end of file