:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0a0f1e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth;overflow-x:hidden;width:100%}body{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden;overflow-y:auto;color:#ccd6f6;background-color:#0a0f1e}#root{width:100%;min-height:100vh;margin:0}.path{stroke-dasharray:2400;stroke-dashoffset:2500;stroke-linecap:round;stroke-linejoin:round;animation:dash 1s ease-in forwards}.square{rotate:150deg}@keyframes dash{to{stroke-dashoffset:0}}#n{font-size:80px}#Header{display:flex;align-items:center;justify-content:space-between;padding-left:0;margin-right:100px!important;position:fixed;padding-bottom:10px;min-width:100%;top:0;opacity:0;transition:all .3s;background-color:#0a0f1ecc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #1e3a5f55;z-index:12;height:70px;padding-top:10px}#Header.hidden{top:-100px}#sections{display:flex;gap:50px;padding-right:50px;font-size:15px;font-family:monospace}#sections>div{position:relative;top:-100px;cursor:pointer;font-size:15px;opacity:0;padding:20px}#sections>div>a{text-decoration:none;color:#a8b2d8;cursor:pointer;z-index:16}#sections>div>a:hover{color:#64ffda}#boxhover{position:absolute;top:0;left:0;width:0;height:0;opacity:0;background-color:#64ffda12;border-radius:8px;pointer-events:none;transition:all .3s ease}#boxhover.slow{animation:slowopacity .1s .3s both}@keyframes slowopacity{0%{opacity:0;background-color:#64ffda12}to{opacity:1;background-color:#64ffda12}}#logo-outer{position:relative;height:75px;width:75px;left:10px}#logo-symbol{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;color:#64ffda}#logo{height:100%;width:100%;cursor:pointer;animation:infint1e 10s linear infinite}h1{margin:0;padding:0}#name1{font-size:20px;font-weight:300}#arrow{opacity:0;position:absolute;left:90%;top:85%;scale:1.5;transition:opacity .3s;cursor:pointer;color:#64ffda;fill:#64ffda}#about-outer{height:100vh;display:flex;align-items:center;justify-content:center}#about{left:20%;display:flex;flex-direction:column;gap:15px;width:50%}#about-para{opacity:0;width:40%;font-size:14px;color:#8892b0}#bt-resume{opacity:0;border:1px solid #64ffda;max-width:100%;background-color:transparent;padding:10px;margin-top:10px;border-radius:5px;font-family:monospace;align-self:flex-start;text-decoration:none;color:#64ffda}#bt-resume:hover{background-color:#64ffda1a;cursor:pointer}#about-name{font-size:4.7vw;color:#ccd6f6}#buildthings{font-size:2.8vw;color:#8892b0}#hi-text{font-size:16px!important;opacity:0;font-family:monospace;color:#64ffda}#about>h1{opacity:0}#projects{height:auto!important;display:flex;justify-content:center;width:var(--vw)}#projects>div{margin-top:100px;height:100%;display:flex;flex-direction:column}.projectHeader{display:flex;gap:10px;align-items:center;color:#ccd6f6}#lineProject{width:0px;height:1px;background-color:#233554;opacity:1}.project-window{height:350px;display:flex;width:50vw;padding-top:100px}.image-of-project{width:60%;background-color:#112240;border-radius:10px;height:100%;transition:all .3s}.image-of-project:hover{background-color:transparent}#imagep{height:100%}.details-of-project{width:40%;height:100%;padding-top:50px;display:flex;flex-direction:column;gap:10px}.details-of-project:hover{background-color:transparent}.details-of-project>div{text-align:right;padding-right:10px}.details-of-project1>div{padding-right:10px}.recentornot{font-family:monospace;position:relative;color:#64ffda}.Project-detail{border:1px solid #1e3a5f;height:150px;padding:10px;width:120%;border-radius:5px;margin-left:-20%;font-size:2vh;background-color:#112240;color:#a8b2d8}#gitsvg{height:20px;width:20px;position:relative;left:90%}#logoPage{position:fixed;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background-color:#0a0f1e;z-index:111}#innerSquare{position:absolute;scale:3.5;opacity:0;transition:all .3s;animation:opacityIS .3s 1s both;font-weight:700;color:#64ffda}@keyframes infint1e{0%{rotate:0deg}to{rotate:360deg}}@keyframes opacityIS{0%{opacity:0}to{opacity:1}}@keyframes scale{0%{scale:3.5}to{scale:0}}.project2-win{height:auto;width:50vw;background-color:#0d1b2e;border:1px solid #1e3a5f;margin-top:200px;border-radius:10px;position:relative;display:flex;flex-direction:column;justify-content:center;gap:10px;opacity:0;padding:30px;transition:border-color .3s,background-color .3s}.project2-win:hover{border-color:#64ffda44;background-color:#112240}.project2-win>div,.project2-win>p,.project2-win>h1{position:relative;left:5%}.name-project{font-size:20px;color:#ccd6f6}.stack-project{display:flex;gap:10px;flex-wrap:wrap;width:90%;font-size:15px;font-family:monospace;color:#64ffda}.para-project{word-wrap:break-word;padding-right:40px;color:#8892b0}.git-project{padding-top:20px;display:flex;gap:10px}.git-project>a>svg{height:20px;width:20px;color:#a8b2d8;transition:color .2s}.git-project>a>svg:hover{color:#64ffda}.git-project>a{color:#a8b2d8}.type-Project{font-family:monospace;color:#64ffda;font-size:13px}.contact{height:100vh;width:var(--vw);display:flex;align-items:center;justify-content:center}.contactCard{position:relative;top:10%;opacity:0;width:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.title-contact{display:flex;gap:10px;font-family:monospace;font-size:20px;color:#64ffda}.get-in-touch{font-size:50px;color:#ccd6f6}.p-contact{opacity:.6;text-align:center;color:#8892b0}#bt-hello{opacity:1;border:1px solid #64ffda;max-width:100%;background-color:transparent;padding:10px;margin-top:10px;border-radius:5px;font-family:monospace;transition:all .3s;text-decoration:none;color:#64ffda}#bt-hello:hover{background-color:#64ffda1a;cursor:pointer}#line{height:0%;width:1px;background-color:#233554;position:fixed;top:80%;left:40px;rotate:0deg;z-index:1;transition:all .3s}#linkedinfixed>a>svg{height:20px;width:20px;color:#a8b2d8;transition:color .2s}#linkedinfixed>a>svg:hover{color:#64ffda}#linkedinfixed>a{text-decoration:none;color:#a8b2d8}#linkedinfixed{position:fixed;top:75%;left:30px;opacity:0;z-index:1}#gitfixed>a>svg{height:20px;width:20px;color:#a8b2d8;transition:color .2s}#gitfixed>a>svg:hover{color:#64ffda}#gitfixed>a{text-decoration:none;color:#a8b2d8}#gitfixed{position:fixed;top:70%;left:30px;opacity:0;z-index:1;transition:opacity .4s}#mailfixed>a>svg{height:20px;width:20px;color:#a8b2d8;transition:color .2s}#mailfixed>a>svg:hover{color:#64ffda}#mailfixed>a{text-decoration:none;color:#a8b2d8}#mailfixed{position:fixed;top:65%;left:30px;opacity:0;z-index:1;transition:opacity .4s}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;z-index:100;margin-right:50px}.hamburger-line{width:100%;height:2px;background-color:#64ffda;transition:all .3s ease}.hamburger.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open .hamburger-line:nth-child(2){opacity:0}.hamburger.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-8px)}.mobile-menu{position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background-color:#112240;box-shadow:-10px 0 30px -15px #020c1bb3;transition:all .3s ease-in-out;z-index:99;display:flex;justify-content:center;align-items:center;border-left:1px solid #1e3a5f}.mobile-menu.open{right:0}.mobile-menu-links{display:flex;flex-direction:column;gap:35px;text-align:center}.mobile-menu-links>div{font-family:monospace;font-size:20px;font-weight:500}.mobile-menu-links a{text-decoration:none;color:#a8b2d8;transition:color .2s}.mobile-menu-links a:hover{color:#64ffda}@media only screen and (max-width: 768px){#sections{display:none}.hamburger{display:flex}#Header{position:fixed;width:100%!important;min-width:100%!important;margin-right:0!important;padding-right:20px!important;box-sizing:border-box}#arrow{left:80%}#linkedinfixed,#gitfixed,#mailfixed,#line,#lineProject{display:none!important}#about-outer{height:auto;min-height:100vh;padding-top:100px;padding-bottom:60px;box-sizing:border-box}#about{width:85%;left:0!important;margin:0 auto}#about-name{font-size:10vw}#buildthings{font-size:6vw}#about-para{width:100%;font-size:15px;line-height:1.6}#projectSection>div{font-family:monospace;font-size:15px}.name-project{font-size:18px}#projects{padding-top:40px;width:100%!important}#projects>div{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.project2-win{padding:24px;width:88%;max-width:500px;margin-top:30px!important;left:0!important;box-sizing:border-box}.project2-win>div,.project2-win>p,.project2-win>h1{left:0!important}.type-Project{font-family:monospace}.para-project{padding-right:0;width:100%;font-size:14px;line-height:1.5;opacity:.85}.stack-project{width:100%;display:flex;flex-wrap:wrap;gap:8px}.stack-project>div{font-size:13px}.contact{height:auto!important;min-height:80vh;width:100%!important;padding-top:60px;padding-bottom:80px}.contactCard{width:88%!important;top:0!important}.title-contact{font-size:16px}.get-in-touch{font-size:36px}.p-contact{font-size:15px;line-height:1.6;padding:0}#bt-hello{padding:12px 24px}}