@import"https://fonts.googleapis.com/css?family=Raleway";@import"https://fonts.cdnfonts.com/css/technology?styles=26651";@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";.blue{color:#394cfa}.red{color:#c61b05}.aqua{color:#00ffae}:root{--glow-color: hsl(219, 100%, 69%)}*{padding:0;margin:0;box-sizing:border-box;font-family:Share Tech Mono,monospace;text-decoration:none;list-style:none}html{scroll-behavior:smooth}body{display:flex;flex-direction:column;background-color:#212529;color:#fff;margin:0;height:100vh;font-family:Share Tech Mono,monospace;overflow-x:hidden}.profile-container{display:fixed;justify-content:center;align-items:center;width:200px;margin:auto}@media (max-width: 1440px){.glowing-txt{font-size:20px}}@media (max-width: 1024px){.glowing-txt{font-size:16px}}@media (max-width: 768px){.glowing-txt{font-size:1rem;letter-spacing:6px}}.header{position:sticky;top:0;width:100%;background:rgba(33,37,41,.8);box-shadow:0 8px 32px #1f21875e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px 0 solid rgba(255,255,255,.18);z-index:12378912789;font-family:Share Tech Mono,monospace}nav{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;width:100%}.logo a{font-size:24px;font-weight:700;color:#efefef;font-family:Share Tech Mono,monospace}.logo a span{color:#0f5f94}.menu{display:flex;justify-content:center;align-items:center}.menu a{display:block;padding:7px 15px;font-size:17px;font-weight:500;font-family:Share Tech Mono,monospace;transition:.2s all ease-in-out;color:#fff}.menu a:hover{opacity:1;color:#9f9f9f}.menu-icon,#menu-toggle{display:none}#menu-toggle:checked~.menu{transform:scale(1)}@media only screen and (max-width: 950px){nav{display:flex;justify-content:space-between;align-items:center;padding:20px 30px 20px 15px;width:100%}.menu{flex-direction:column;background:rgba(5,0,0,.3);box-shadow:0 8px 32px #1f5d875e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px 0 solid rgba(255,255,255,.18);align-items:start;position:absolute;top:70px;left:0;width:100%;z-index:1;transform:scaleY(0);transform-origin:top;transition:transform .3s ease-in-out}.logo a{font-size:20px;font-weight:700;color:#efefef;font-family:Share Tech Mono,monospace}.logo a span{color:#0f5f94}.menu a{margin-left:12px}.menu li{margin-bottom:10px}.menu-icon{display:block;color:#fff;font-size:28px;cursor:pointer}}.hero-text{display:flex;font-family:Share Tech Mono,monospace;flex-direction:column;justify-content:center;margin-top:50px}.hero-text p{font-family:Share Tech Mono,monospace;text-align:center;font-size:20px}.hero-text h1{font-size:2rem;font-weight:900;text-decoration:underline;margin-bottom:10px}.pfp{display:flex;justify-content:center;align-items:center;z-index:-600}.pfp img{border-radius:50%;z-index:-600}.button-effect{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 30px}footer{background:rgba(33,37,41,.8);box-shadow:0 8px 32px #1f69875e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px 0 solid rgba(255,255,255,.18);color:#fff;padding:10px;text-align:center;bottom:0;width:100%}.footer p{font-family:Share Tech Mono,monospace}.footer a{color:#fff;font-family:Share Tech Mono,monospace}.heading h1{font-size:50px;text-align:center}.heading h1 span .blue{color:#394cfa}@media (max-width: 768px){.heading h1{font-size:30px;text-align:center;margin-left:0}.hero-text p{font-size:15px}}.project-card{position:relative;width:310px;height:600px;margin:20px 50px;padding:18px;background:rgba(5,0,0,.3);box-shadow:0 8px 32px #fd6c1f5e;border:1px 0 solid rgba(255,255,255,.18);border-radius:15px;transition:.2s all ease-in-out}.project-card:hover{transform:scale(1.05)}.project-card img{width:100%;height:200px;cursor:pointer;border-radius:15px;margin-bottom:20px}.project-map{display:flex;margin-top:30px;flex-wrap:wrap;justify-content:center;align-items:center}.project-title h2,.project-description p{text-align:center}.project-description p{white-space:pre-line}.project-title h2{font-size:30px}.project-stack-container{display:flex;position:absolute;justify-content:space-around;width:90%;bottom:10px}.project-stack{width:10px;height:10px;object-fit:contain;cursor:pointer;transition:.2s}.project-stack:hover{box-shadow:0 0 30px 1px #ffffff81}.skill-map{display:flex;align-items:center;justify-content:center;margin:50px;flex-wrap:wrap;gap:40px}.skill img{max-width:70px;transition:.2s all ease-in-out}.skill-img:hover{transform:scale(1.3);cursor:pointer}.skill{padding:10px;display:flex;justify-content:center;align-items:center;background:rgba(5,0,0,.3);box-shadow:0 8px 32px #211f875e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px 0 solid rgba(255,255,255,.18);border-radius:10px;width:180px;height:110px}.wip-img{-webkit-user-select:none;user-select:none;display:flex;position:fixed;top:0;right:2px;width:50px;height:50px;max-width:50px;max-height:50px;z-index:1}.hero-socials{display:flex;justify-content:center;align-items:center;gap:5px;margin:30px 30px 40px;flex-wrap:wrap}.hero-socials img{justify-content:space-evenly;max-width:45px;transition:.2s all ease-in-out}.hero-socials img:hover{transform:scale(1.3)}.hero-socials a{justify-content:space-evenly;padding:1rem;background:rgba(5,0,0,.3);box-shadow:0 8px 32px #1f29875e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px 0 solid rgba(255,255,255,.18);border-radius:15px}@media (max-width: 768px){.wip-img{-webkit-user-select:none;user-select:none;display:flex;position:fixed;top:2px;right:15px;width:20px;height:35px;max-width:50px;max-height:50px}.skill-map{margin:50px 10px 10px;gap:15px}.skill{width:100px;height:80px}.skill img{max-width:50px}.hero-socials{flex-direction:row;gap:10px;margin-top:20px;margin-left:0;margin-right:0}.hero-socials img{max-width:35px}.hero-socials a{padding:1rem}}#contact{display:flex;align-items:center;justify-content:center;flex-direction:column}form{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:30px 50px 30px 30px;background:rgba(5,0,0,.3);box-shadow:0 8px 32px #1f3b875e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px 0 solid rgba(255,255,255,.18);border-radius:20px;position:relative;z-index:1;padding:40px}form>input,form>textarea{padding:12px;margin:12px 0;border:none;color:#ddd;background-color:#222;border-radius:4px;display:block;width:100%}form>textarea{height:100px;resize:none}form>input[type=submit]{padding-left:1%;padding-right:1%;cursor:pointer;transition:.35s}form>input[type=submit]:hover{background-color:#0a17c7;box-shadow:0 8px 32px #1f26875e}.contact-section{margin-top:20px;width:100%;display:flex;align-items:center;justify-content:center;z-index:0;gap:30px}.contact-info{flex:3;margin-left:50px;height:100%;padding:50px 50px 8%;background:rgba(5,0,0,.3);box-shadow:0 8px 32px #261f875e;border:1px 0 solid rgba(255,255,255,.18);border-radius:20px}.contact-form{flex:5}.contact-info .hero-socials{gap:20px}.contact-links{font-size:larger;display:flex;align-items:center;gap:15px}@media (max-width: 768px){.contact-section{flex-direction:column}.contact-info{padding-bottom:20px;max-width:80%;margin:30px;flex:1}form{flex:1;padding-left:18px;width:100%;padding-right:18px}.contact-form{padding:0;align-items:center;justify-content:center;display:flex;width:100%;margin:0 0 0 15px}form>input{width:100%;margin:10px 0}.contact-links{flex-direction:column}}.redirect-pointer:hover{cursor:pointer}.github img{max-width:50px}.project-links{display:flex;align-items:center;justify-content:center;bottom:10px;margin-top:20px}.project-links a{font-size:20px;text-decoration:none;margin:10px;color:#fff}.navbar-btn{padding:10px;background-color:#394cfa;border-radius:10px;transition:.2s all ease-in-out;box-shadow:0 8px 32px #1f268799}.navbar-btn:hover{transform:scale(1.1);background-color:#0905f1;box-shadow:0 8px 32px #211f87cc}.wrapper{width:auto;margin-top:30px;display:flex;justify-content:center;align-items:center}.effect-wrapper{text-align:center;font-weight:400}#typed{font-weight:700;color:#394cfa;line-height:1.2;transition:.2s}.cursor{display:inline-block;background-color:#394cfa;animation:blinker .8s infinite;transition:.2s}.cursor.typing-true{animation:none}@keyframes blinker{0%{background-color:#394cfa}50%{background-color:transparent}to{background-color:#394cfa}}#blog{margin:50px 50px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.posts{display:flex;margin-top:50px;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px}.post-desc{margin-top:20px}.post-card{margin-top:0}.cyber-scourge{text-decoration:none;color:#fff;font-size:30px;margin-top:30px;padding:10px;background-color:#394cfa;border-radius:10px;box-shadow:0 8px 32px #1f4c8799;margin-bottom:20px;transition:.2s all ease-in-out}.cyber-scourge:hover{transform:scale(1.1);background-color:#1505f1;box-shadow:0 8px 32px #1f2687cc}.hero-typewriter{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:30px;gap:10px;font-size:40px}.typewriter-wrapper span{color:#394cfa}.Typewriter__wrapper{color:#394cfa;font-weight:700}@media (max-width: 768px){.Typewriter__wrapper,.hero-typewriter{font-size:25px}}.profile-glow-image{position:absolute;width:170px;margin-left:-161px;margin-top:-82px;transition:.3s;overflow:visible;cursor:pointer}.profile-frozen-image{position:absolute;width:170px;margin-left:-161px;margin-top:-82px;transition:.3s;overflow:visible}.character-select-container{display:flex;position:absolute;width:180px;left:50%;transform:translate(-50%);padding:3.3px;justify-content:space-around;align-items:center;background-color:#14181ccc;height:50px;border-radius:25px;transition:.3;outline:"none"}.character-icon{opacity:1;position:relative;pointer-events:none;transition:.3;outline:"none"}.is-grayed{pointer-events:auto;cursor:pointer;opacity:.2;transition:.3;outline:"none"}.is-grayed:hover{transition:.3;box-shadow:0 0 6px 1px #888787b3;opacity:.4}@media (max-width: 768px){.character-select-container{display:flex;position:absolute;width:160px;left:50%;padding:3.3px;justify-content:center;gap:5px;align-items:center;background-color:#14181ccc;height:40px;border-radius:25px;transition:.3}.character-icon{opacity:1;position:relative;pointer-events:none;transition:.3;outline:"none"}.is-grayed{pointer-events:auto;cursor:pointer;opacity:.2;transition:.3;outline:"none"}.is-grayed:hover{transition:.3;box-shadow:0 0 6px 1px #888787b3;opacity:.4;outline:"none"}}.fire-ring{position:absolute;transform:translateY(0);z-index:1}.fire-ring-img{width:300px;position:relative;transform:translate(-80px)}.projectile-initial{position:relative;width:90px;transform:translateY(-130px);margin-left:80%}.projectile{position:absolute;transform:translateY(-110%);z-index:9999}.projectile-img{width:230px;position:relative;transform:translate(-280px);z-index:9999}.kyo-character{position:absolute;right:-50px;top:2;width:200px;max-width:200px;height:200px;max-height:200px}.kyo-character-image{width:200px;max-width:200px;height:200px;max-height:200px}.iori-character{position:absolute;right:-50px;top:-10px;width:200px;max-width:200px;height:200px;max-height:200px}.iori-character-image{width:200px;height:200px}.kula-character{position:absolute;right:-150px;top:2;top:-10px;width:200px;max-width:200px;height:200px;max-height:210px}.kula-character-image{max-width:200px;max-height:180px}.scratch{position:absolute;transform:translateY(-35%);z-index:9999}.scratch-img{width:450px;position:relative;transform:translate(-380px);z-index:9999}.scratch-start{position:absolute;transform:translateY(250%);z-index:1000}.scratch-start-img{width:100px;position:relative;transform:translate(80px);z-index:1000}.breath{position:absolute;z-index:9999;transform:translateY(40px)}.breath-img{position:relative;transform:translate(110px);z-index:9999}.foxy{position:absolute;transform:translateY(-25%);z-index:9999}.foxy-img{width:270px;position:relative;transform:translate(140px);z-index:9999}.explosion{position:absolute;left:50%;transform:translate(-160%,-85%);z-index:1}.explosion-img{width:300px;position:relative;z-index:1000}