@media (width<=1400px){.nav-toggle{display:block}.nav-buttons{-webkit-backdrop-filter:blur(10px);background-color:#000000f2;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:250px;height:100vh;transition:right .3s;display:flex;position:fixed;top:0;right:-100%}.nav-buttons.active{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}}@media (width<=1400px){div.banner{height:25vh}div.banner img{height:50%;max-height:80px}}@media (width<=800px){div.banner img{height:30%}}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;transform:translateY(50px)}div.introduction-box img{opacity:0;width:auto;height:150px;transition:transform 1s,opacity 1s;transform:translateY(10px)rotate(90deg)}div.introduction-box img.scroll-on-active{opacity:1;transform:translateY(0)rotate(0)}@media (width<=800px){div.introduction-box{flex-direction:column}div.introduction-box img{opacity:0;height:15vh;transition:transform 1s,opacity 1s;transform:translateY(-100px)}div.introduction-box img.scroll-on-active{opacity:1;transform:translateY(0)rotate(0)}}div.language-box .internal .progress{border-radius:50px;width:100%;height:10px;display:flex}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.html_css{background-image:linear-gradient(90deg,#ef6429,#0080ff);width:100%}div.language-box .internal .progress .progress-bar.scroll-on-active.javascript{background-color:#eed94e;width:90%}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.kotlin{background-color:#c511df;width:50%}div.language-box .internal .progress .progress-bar.scroll-on-active.sql{background-color:#4fe4fd;width:50%}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}}@media (width<=1400px){div.stats{flex-direction:column;width:100%;height:100%;margin-top:3%}div.stats embed{width:60%;height:60%}}@media (width<=1000px){div.stats embed{width:100%;height:100%}}@media (width<=980px){div.social-box img{width:auto;height:50%}div.social-box h2{display:none}}@media (width<=1000px){div.social-box{width:100px;height:100px}}div.people h2{color:#000;margin-top:5px;margin-bottom:5px;font-size:1.1rem}div.people#people-kebin{--shadow-color:#000;background-image:linear-gradient(#000,#2f2f2f);border-color:#646464}div.people#people-kebin img{border-color:#000}div.people#people-kebin h2{color:#fff}@media (width<=980px){div.people-links{flex-direction:column}}:root{--font:"Montserrat";--text-color:white;--top-bar-height:60px}html{min-height:100%}body{background:linear-gradient(#000 0% 50%,#000 60%,#0b0023 100%) no-repeat;min-height:100vh;margin:0;padding:0}*{font-family:var(--font), sans-serif;box-sizing:border-box;color:#fff}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}.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)}.nav-button:hover{background-color:#3339}div.banner{opacity:0;background-image:linear-gradient(-90deg,#9200ff 0%,#0000 20% 80%,#0071ff 100%);justify-content:center;align-items:center;width:100%;height:40vh;transition:opacity 1s;display:flex;position:relative}div.banner.scroll-on-active{opacity:1}div.banner img{opacity:0;width:auto;height:40%;max-height:150px;transition:transform 1s,opacity 1s;transform:translateY(-20px)}div.banner.scroll-on-active img{opacity:1;transform:translateY(0)}div.introduction-box{opacity:0;background-image:linear-gradient(#100017,#5500ff45);border:1px solid #50f;border-radius:15px;width:90%;margin:5%;padding:2rem;transition:all 1s;transform:translateY(50px)}div.introduction-box hr{margin:2rem 0}div.introduction-box p{text-align:center;width:100%;margin-bottom:1rem;line-height:1.6}div.introduction-box h1{text-align:center;width:100%;margin-bottom:1.5rem}div.introduction-box.scroll-on-active{opacity:1;transform:translateY(0)}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.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)}p{font-size:17px}hr{color:#00000080}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 .progress{border-radius:50px;width:100%;height:10px;display:flex}div.language-box img,div.language-box svg{width:auto;height:100px}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.scroll-on-active.python{background-color:#0080ff;width:100%}div.language-box .internal .progress .progress-bar.scroll-on.scroll-on-active.html_css{background-image:linear-gradient(90deg,#ef6429,#0080ff);width:100%}div.language-box .internal .progress .progress-bar.scroll-on.scroll-on-active.javascript{background-color:#eed94e;width:90%}div.language-box .internal .progress .progress-bar.scroll-on.scroll-on-active.java{background-color:#e82d2e;width:80%}div.language-box .internal .progress .progress-bar.scroll-on.scroll-on-active.kotlin{background-color:#c511df;width:50%}div.language-box .internal .progress .progress-bar.scroll-on.scroll-on-active.sql{background-color:#4fe4fd;width:50%}div.language-box .internal .progress .progress-bar.scroll-on.scroll-on-active.rust{background-color:#ff6e00;width:30%}div.stats-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{justify-content:center;align-items:center;width:100%;height:50%;margin-top:3%;display:flex}div.stats embed{width:50%;height:50%}div.stats embed.scroll-on{opacity:0;transition:all 1s;transform:translate(-50px)}div.stats embed.scroll-on-active{opacity:1;transform:translate(0)}div.social-links{align-items:center;gap:20px;width:100%;display:flex}div.social-box{--shadow-color:#0003;width:150px;height:170px;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.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 h2{color:#000;margin-top:5px;margin-bottom:5px}div.social-box img{width:auto;height:80px}div.people-links{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#people-batista{--shadow-color:#cb7a00;background-image:linear-gradient(#ffb950,#f90);border-color:#f90}div.people#people-batista 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: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}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 h2{font-size:1.1rem}div.cool-people-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<=1400px){.nav-toggle{display:block}.nav-buttons{-webkit-backdrop-filter:blur(10px);background-color:#000000f2;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:250px;height:100vh;transition:right .3s;display:flex;position:fixed;top:0;right:-100%}.nav-buttons.active{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}div.banner{height:25vh}div.banner img{height:50%;max-height:80px}.nav-title{display:none}div.stats{flex-direction:column;width:100%;height:100%;margin-top:3%}div.stats embed{width:60%;height:60%}}@media (width<=800px){div.introduction-box{padding:1.5rem}div.introduction-box p{font-size:16px}div.introduction-box img{opacity:0;transition:transform 1s,opacity 1s;transform:translateY(-100px)}div.introduction-box img.scroll-on-active{opacity:1;transform:translateY(0)rotate(0)}div.introduction-box img{height:15vh}div.language-box img,div.language-box svg{width:auto;height:100px}div.language-box .progress{background-color:#00000057}div.language-box{flex-direction:column}div.banner img{height:30%}}@media (width<=980px){div.social-box img{width:auto;height:50%}div.social-box h2{display:none}div.people-links{flex-direction:column}}@media (width<=1400px){div.language-box .internal p.learning{background-color:#ef6429;border-radius:15px;justify-content:center;align-items:center;width:100px;height:25px;margin-top:10px;margin-bottom:10px;font-size:15px;display:flex}}@media (width<=1000px){div.social-box{width:100px;height:100px}div.stats embed{width:100%;height:100%}}footer{background-color:#000;height:20vh;padding:25px}.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}