:root{--font:"Montserrat";--text-color:white;--top-bar-height:60px}html{min-height:100%;overflow-x:hidden}body{background:#000;min-height:100vh;margin:0;padding:0;overflow-x:hidden}*{font-family:var(--font), sans-serif;box-sizing:border-box;color:#fff}p{font-size:17px}p.warning{color:#000;background:#ffd500;border-radius:10px;padding:10px}hr{color:#00000080}nav.nav{width:100%;height:var(--top-bar-height);color:var(--text-color);-webkit-backdrop-filter:blur();z-index:1000;background-color:#0000;justify-content:space-between;align-items:center;padding:0 1rem;transition:background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;top:0;left:0}nav.nav.scrolled{-webkit-backdrop-filter:blur(10px);background-color:#000c}.nav-left{align-items:center;gap:5px;display:flex}.nav-logo{width:auto;height:40px}.nav-title{margin:0;font-size:1.2rem;font-weight:500}.nav-buttons{gap:10px;height:100%;display:flex}.nav-button{height:100%;color:var(--text-color);background-color:#0000;border:none;padding:0 15px;font-size:14px;transition:background-color .15s;position:relative}.nav-button:after{content:"";transform-origin:50%;background-color:#44a8ff;width:100%;height:3px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-button:hover:after,.nav-button.active:after{transform:scaleX(1)}.nav-button.active{font-weight:700}.nav-button:hover{background-color:#3339}.nav-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;padding:10px;display:none}.hamburger{display:block;position:relative}.hamburger,.hamburger:before,.hamburger:after{background:var(--text-color);border-radius:3px;width:25px;height:3px;transition:transform .3s,opacity .3s}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0}.hamburger:before{bottom:8px}.hamburger:after{top:8px}.nav-toggle.active .hamburger{transform:rotate(45deg)}.nav-toggle.active .hamburger:before{opacity:0}.nav-toggle.active .hamburger:after{transform:rotate(90deg)translate(-8px)}@media (width<=1400px){.nav-toggle{display:block}.nav-buttons{-webkit-backdrop-filter:blur(10px);visibility:hidden;background-color:#000000f2;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:250px;height:100dvh;transition:right .3s,visibility 0s linear .3s;display:flex;position:fixed;top:0;right:-100%}.nav-buttons.active{visibility:visible;transition:right .3s,visibility;right:0}.nav-button{text-align:center;width:100%;height:auto;padding:15px 0;font-size:1.2rem}nav.nav{height:50px;padding:0 1rem}.nav-title{display:none}}footer{background-color:#000;flex-direction:column;justify-content:center;align-items:flex-start;min-height:15dvh;padding:30px;display:flex}footer p{margin:5px 5px 5px 0;font-size:.9rem}.cloudflare-badge{font-family:var(--font);letter-spacing:1px;align-items:center;gap:8px;font-size:.8rem;text-decoration:none;transition:color .2s;display:flex;color:#ffffff2e!important}.cloudflare-badge span,.cloudflare-badge:hover{color:#ffffff2e!important}.cloudflare-badge:hover img{opacity:.55}.cloudflare-badge:hover span{color:#fff6!important}.cloudflare-badge img{opacity:.3;filter:invert();height:30px;transition:opacity}.back-to-top-btn{background-color:#270081;background-image:linear-gradient(#100017,#5500ff45);border:1px solid #50f;border-radius:15px;width:90%;height:5vh;margin:1% 5% 5%;transition:box-shadow .3s,transform .3s;box-shadow:0 10px #270081}.back-to-top-btn:hover{transform:translateY(-5px);box-shadow:0 15px #270081}.back-to-top-btn:active{transform:translateY(5px);box-shadow:0 0 #270081}div.banner{opacity:1;justify-content:center;align-items:center;width:auto;height:60vh;transition:opacity 1s;display:flex;position:relative}div.banner.scroll-on-active img{opacity:1;transform:translateY(0)}div.banner img{opacity:0;width:auto;max-height:150px;transition:transform 1s,opacity 1s;transform:translateY(-20px)}@media (width<=1400px){div.banner{height:25vh}div.banner img{max-height:80px}}@media (width<=600px){div.banner{height:25vh}div.banner img{max-height:60px}}@media (width<=400px){div.banner{height:25vh}div.banner img{max-height:40px}}div.introduction-box{opacity:0;background-image:linear-gradient(#100017,#5500ff45);border:1px solid #50f;border-radius:15px;align-items:center;gap:20px;width:90%;margin:5%;padding:50px;transition:all 1s;display:flex;transform:translateY(50px)}div.introduction-box.scroll-on-active{opacity:1;transform:translateY(0)}div.introduction-box hr{margin:1rem 0}div.introduction-box p{text-align:left;width:100%;line-height:1.6}div.introduction-box h1{text-align:left;width:100%}div.introduction-box img{width:auto;height:150px}div.introduction-box .text-content{flex-direction:column;flex:1;display:flex}@media (width<=800px){div.introduction-box{flex-direction:column;padding:1.5rem}div.introduction-box p{font-size:16px}div.introduction-box img{display:none}}div.skills-box{opacity:0;background-image:linear-gradient(#100017,#0080ff45);border:1px solid #0080ff;border-radius:15px;width:90%;margin:5%;padding:50px;transition:all 1s;transform:translateY(50px)}div.skills-box.scroll-on-active{opacity:1;transform:translateY(0)}div.skills-box .scrolltext{opacity:0;transform:translate(-100px)}div.skills-box .scrolltext.scroll-on-active{opacity:1;transform:translate(0)}div.skills-box .scrolltext{transition:all 1s}div.language-box{opacity:0;align-items:center;gap:20px;width:100%;padding:20px;transition:transform 1s,opacity 1s;display:flex;transform:translate(-100px)}div.language-box.scroll-on-active{opacity:1;transform:translate(0)}div.language-box .internal{width:100%}div.language-box .internal h2{margin-top:5px;margin-bottom:5px}div.language-box .internal p.description{margin-top:10px;margin-bottom:10px;font-size:15px}div.language-box .internal p.learning{background-color:#ef6429;border-radius:15px;justify-content:center;align-items:center;width:10%;height:25px;margin-top:10px;margin-bottom:10px;font-size:15px;display:flex}div.language-box .internal .progress{border-radius:50px;width:100%;height:10px;display:flex}div.language-box .internal .progress .progress-bar{border-radius:50px;transition:width 1s}div.language-box .internal .progress .progress-bar.scroll-on{width:0;transition:width 1s ease-out}div.language-box .internal .progress .progress-bar.scroll-on-active.vue{background-color:#40b782;width:100%}div.language-box .internal .progress .progress-bar.scroll-on-active.python{background-color:#0080ff;width:100%}div.language-box .internal .progress .progress-bar.scroll-on-active.react{background-color:#60d8f9;width:80%}div.language-box .internal .progress .progress-bar.scroll-on-active.html_css{background-image:linear-gradient(90deg,#ef6429,#0080ff);width:100%}div.language-box .internal .progress .progress-bar.scroll-on-active.typescript{background-color:#0079ca;width:100%}div.language-box .internal .progress .progress-bar.scroll-on-active.javascript{background-color:#eed94e;width:100%}div.language-box .internal .progress .progress-bar.scroll-on-active.java{background-color:#e82d2e;width:80%}div.language-box .internal .progress .progress-bar.scroll-on-active.rust{background-color:#ff6e00;width:30%}div.language-box img,div.language-box svg{width:auto;height:100px}@media (width<=1400px){div.language-box .internal p.learning{width:100px}}@media (width<=800px){div.language-box{flex-direction:column}div.language-box .progress{background-color:#00000057}}div.stats-box{box-sizing:border-box;opacity:0;background-image:linear-gradient(#100017,#5500ff45);border:1px solid #50f;border-radius:15px;width:90%;margin:5%;padding:50px;transition:all 1s;transform:translateY(50px)}div.stats-box.scroll-on-active{opacity:1;transform:translateY(0)}div.stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;width:100%;margin-top:3%;display:flex}div.stats img{max-width:30%;height:auto;display:block}div.stats embed{min-width:0;max-width:100%;height:auto}@media (width<=1400px){div.stats{flex-direction:column;width:100%;margin-top:3%}div.stats img{max-width:60%}}@media (width<=1000px){div.stats img{max-width:100%}}div.find-me-box{opacity:0;background-image:linear-gradient(#100017,#00d0ff4a);border:1px solid #00d0ff;border-radius:15px;width:90%;margin:5%;padding:50px;transition:all 1s;transform:translateY(50px)}div.find-me-box.scroll-on-active{opacity:1;transform:translateY(0)}div.social-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(20px,4vw,40px);width:100%;display:flex}div.social-box{--shadow-color:#0003;width:clamp(100px,16vw,150px);height:clamp(100px,18vw,170px);box-shadow:0 10px var(--shadow-color);cursor:pointer;border-style:solid;border-width:1px;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;transition:box-shadow .3s,transform .3s;display:flex}div.social-box:hover{box-shadow:0 15px var(--shadow-color);transform:translateY(-5px)}div.social-box:active{box-shadow:0 5px var(--shadow-color);transform:translateY(5px)}div.social-box.github{--shadow-color:#ccc;background-image:linear-gradient(#b0b0b0,#fff);border-color:#fff}div.social-box.discord{--shadow-color:#5865f2;background-image:linear-gradient(#5865f2,#7289da);border-color:#5865f2}div.social-box.discord h2{color:#fff}div.social-box.youtube{--shadow-color:#7c0000;background-image:linear-gradient(#b20000,red);border-color:red}div.social-box.youtube h2{color:#fff}div.social-box.twitter{--shadow-color:#589bf2;background-image:linear-gradient(#66b4f3,#72a6da);border-color:#589bf2}div.social-box.twitter h2{color:#fff}div.social-box.twitter img{filter:brightness(0)invert()}div.social-box.threads{--shadow-color:#262626;background-image:linear-gradient(#333,#000);border-color:#595959}div.social-box.threads h2{color:#fff}div.social-box.threads img{filter:brightness(0)invert()}div.social-box.tumblr{--shadow-color:#03182f;background-color:#001833;border-color:#00386c}div.social-box.tumblr h2{color:#fff}div.social-box.tumblr img{filter:brightness(0)invert()}div.social-box.twitch{--shadow-color:#6441a5;background-image:linear-gradient(#6441a5,#9146ff);border-color:#9146ff}div.social-box.twitch h2{color:#fff}div.social-box.twitch img{filter:brightness(0)invert()}div.social-box h2{color:#000;margin-top:5px;margin-bottom:5px}div.social-box img{width:auto;height:clamp(50px,8vw,80px)}@media (width<=980px){div.social-box h2{display:none}}@media (width<=1000px){div.social-box{width:clamp(85px,22vw,100px);height:clamp(85px,22vw,100px)}}div.people-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;width:100%;display:flex}div.people{--shadow-color:#0003;width:180px;height:180px;box-shadow:0 10px var(--shadow-color);cursor:pointer;border:1px solid;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;transition:box-shadow .3s,transform .3s;display:flex}div.people:hover{box-shadow:0 15px var(--shadow-color);transform:translateY(-5px)}div.people:active{box-shadow:0 5px var(--shadow-color);transform:translateY(5px)}div.people h2{color:#000;margin-top:5px;margin-bottom:5px;font-size:1.1rem}div.people img{border-style:solid;border-width:3px;border-color:var(--shadow-color);border-radius:1000px;width:auto;max-width:80%;height:100px;max-height:100px}div.people#people-batista{--shadow-color:#cb7a00;background-image:linear-gradient(#ffb950,#f90);border-color:#f90}div.people#people-batista h2{color:#fff}div.people#people-tech{--shadow-color:#002581;background-image:linear-gradient(#000,#001462);border-color:#0015ff}div.people#people-tech h2{color:#fff}div.people#people-st6{--shadow-color:#270081;background-image:linear-gradient(#763fff,#4800ff);border-color:#4900ff}div.people#people-st6 h2{color:#fff}div.people#people-malachi196{--shadow-color:#00a5b4;background-image:linear-gradient(#a2eaff,#3fd2ff);border-color:#3fd2ff}div.people#people-malachi196 h2{color:#fff}div.people#people-mushy{--shadow-color:#383838;background-image:linear-gradient(#7a7a7a,#505050);border-color:#505050}div.people#people-mushy h2{color:#fff}div.people#people-notdef{--shadow-color:#363636;background-image:linear-gradient(#000,#676767);border-color:#363636}div.people#people-notdef img{border-color:#fff}div.people#people-notdef h2{color:#fff}div.people#people-dontluck2{--shadow-color:#ff7c7c;background-image:linear-gradient(#ff5050,#ff6a6a);border-color:#ffacac}div.people#people-dontluck2 img{border-color:#fff}div.people#people-dontluck2 h2{color:#fff}div.people#people-nikk{--shadow-color:#0e223d;background-image:linear-gradient(#153059,#100137);border-color:#3a7ae0}div.people#people-nikk img{border-color:#3a7ae0}div.people#people-nikk h2{color:#fff}div.cool-people-box{box-sizing:border-box;opacity:0;background-image:linear-gradient(#100017,#0033ff45);border:1px solid #03f;border-radius:15px;width:90%;margin:5%;padding:50px;transition:all 1s;transform:translateY(50px)}div.cool-people-box.scroll-on-active{opacity:1;transform:translateY(0)}@media (width<=980px){div.people-links{flex-flow:wrap}}@media (width<=600px){div.cool-people-box{width:calc(100% - 20px);margin:10px;padding:25px 15px}div.people-links{gap:15px}div.people{width:min(180px,50vw - 30px);height:min(180px,50vw - 30px)}div.people img{height:min(90px,35vw);max-height:90px}div.people h2{font-size:1rem}}@media (width<=400px){div.people{width:140px;height:140px}div.people img{height:70px}div.people h2{font-size:.9rem}}.background{z-index:-1;pointer-events:none;background:#000;height:100dvh;position:fixed;inset:0}.background.scroll-on-active{opacity:1}.background{transition:opacity 2s ease-in-out}canvas{width:100%;height:100%;display:block;position:absolute;inset:0}div.programs_box{opacity:0;background-image:linear-gradient(#100017,#8c00ff45);border:1px solid #8c00ff;border-radius:15px;width:90%;margin:5%;padding:50px;transition:all 1s;transform:translateY(50px)}div.programs_box.scroll-on-active{opacity:1;transform:translateY(0)}div.programs_box .scrolltext{opacity:0;transform:translate(-100px)}div.programs_box .scrolltext.scroll-on-active{opacity:1;transform:translate(0)}div.programs_box .scrolltext{transition:all 1s}.software-icon{--shadow-color:#000;text-align:center;width:clamp(110px,14vw,150px);height:clamp(110px,14vw,150px);box-shadow:0 10px var(--shadow-color);background-color:#000;border-radius:clamp(10px,1.5vw,15px);flex-direction:column;justify-content:center;align-items:center;margin:clamp(8px,2%,16px);text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.software-icon img{object-fit:contain;flex-shrink:0;width:70px;height:70px}.software-icon p{white-space:normal;overflow-wrap:break-word;width:90%;margin:clamp(5px,1vw,10px) 0 0;font-size:clamp(.75rem,1.5vw,1rem);line-height:1.1}.software-icon p.black-text{color:#000}.software-icon:hover{box-shadow:0 15px var(--shadow-color);transform:translateY(-5px)}.software-icon:active{box-shadow:0 5px var(--shadow-color);transform:translateY(5px)}.software-icon#webstorm{--shadow-color:#008bb5;background-color:#07c3f2}.software-icon#intellij{--shadow-color:#c66b00;background-color:#ffa142}.software-icon#pycharm{--shadow-color:#12945a;background-color:#21d789}.software-icon#clion{--shadow-color:#79103d;background-color:#c7005b}.software-icon#rustrover{--shadow-color:#a1400a;background-color:#fb620d}.software-icon#affinity{--shadow-color:#5e8842;background-color:#a6ef74}.software-icon#vscode{--shadow-color:#005bb5;background-color:#07a0f2}.model-holder{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}canvas[data-v-6e8676a9]{pointer-events:none;width:100%;height:100%;display:block}h2[data-v-95a8986d]{text-align:center;margin:30px 0 0}div.github-stats[data-v-95a8986d]{margin-top:1.5%}div.stats embed[data-v-95a8986d]{border-radius:8px}