:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark}:root{--main-black: #000;--main-bg: #020617;--main-green: #00ff00;--main-cards: #111827;--main-accent: #22c55e;--main-accent-hover: #055d25;--sky-blue: #38bdf8;--orange: #f97316;--main-dark-navy: #0f172a;--text-primary: #e5e7eb;--text-muted: #9ca3af;--cursor: url(./assets/cursorgreen.png) 0 0, auto;--header-height: 60px;--view-height: calc(100vh - var(--header-height));--font-normal: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-cursive: "Comic Neue", cursive}#root{max-width:100vw;margin:0;padding:0}*{margin:0;padding:0;scroll-behavior:smooth;scroll-margin:70px;box-sizing:border-box;font-weight:600;font-family:Comic Neue,cursive;transition:all .3s ease-in-out;scrollbar-width:none}::selection{background:#f50}body{color:#fff;line-height:1.6;min-height:100vh;height:100%;max-width:100%;margin:0;padding:0;overflow-x:hidden;cursor:url(./assets/cursorgreen.png) 0 0,auto}main{flex:1}button{background-color:var(--main-accent);color:var(--text-primary);border-radius:10px;padding:10px 15px;font-size:15px;border:none}button:hover{background-color:var(--main-accent-hover)}nav{display:flex;gap:15px}nav>*{color:#fff;text-decoration:none;font-size:14px;font-weight:500;padding:5px 10px;transition:color .3s ease-in-out,background .3s ease-in-out;border-radius:5px}nav>*:hover{color:#0f0}nav>*:after{content:"";display:block;width:0;height:2px;background-color:#fff;transition:width .3s}nav>*:hover:after{width:100%}nav>*.active:after{width:80%;justify-self:right;background-color:#0f0}.hamburger{display:none;flex-direction:column;cursor:url(./assets/cursorgreen.png) 0 0,auto;gap:4px;position:relative;z-index:1010;max-width:max-content;justify-self:right}.hamburger span{display:block;width:25px;height:2px;background-color:#fff;transition:all .3s ease-in-out}.hamburger span:nth-child(1){width:80%}.hamburger span:nth-child(3){width:80%}.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:fixed;top:60px;right:0;width:100%;height:0;background:#000000e6;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transition:height .5s ease-in-out;z-index:1009}.mobile-menu.open{height:60vh;border-bottom:1px solid var(--main-green)}.mobile-menu a{color:#fff;font-size:18px;text-decoration:none}.mobile-menu a:hover{color:#6a11cb}@media(max-width:768px){.hamburger{display:flex}nav{display:none}}.home-main-container{background-color:var(--main-black);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;position:relative;overflow:hidden}@keyframes rightLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.home-main-container:before{content:"";position:absolute;top:0;left:0;height:100%;background-image:linear-gradient(to bottom right,#141414cc,#000000e6);z-index:1}.home-main-content{position:relative;z-index:2;padding:2rem;display:flex;flex-direction:column;height:100vh}@keyframes leftRight{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes upDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.home-desktop-view{display:flex;flex-direction:column;justify-content:center;margin:auto 0}.home-desktop-main-content{display:flex;flex-direction:column;animation:upDown 1s linear}.home-name{color:#fff;font-size:3.5rem;font-weight:700;margin-bottom:.5rem;max-width:max-content}.home-tagline{font-size:1.5rem;font-weight:300;margin-bottom:3rem;position:relative;display:inline-block;max-width:max-content}.home-tagline:after{content:"";position:absolute;height:3px;width:100%;background-color:#0f0;bottom:-10px;left:0}.home-navigation{display:flex;gap:2rem;margin-bottom:3rem;font-family:var(--font-normal)!important}.home-nav-item{color:#fff;text-decoration:none;font-size:1.2rem;position:relative;transition:color .3s}.home-nav-item:hover,.portfolio-nav-item.active{color:#0f0}.home-social-icons{display:flex;gap:1rem;animation:leftRight 1.5s ease}.home-icon-container{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:#333;transition:background-color .3s}.home-icon-container:hover{background-color:#4ade80}.home-icon{font-size:1.5rem;color:#fff}.home-mobile-view{display:none}.home-menu-icon{position:absolute;top:1rem;right:1rem;font-size:1.8rem;cursor:pointer}.home-mobile-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px}.home-mobile-main-content{display:flex;flex-direction:column;align-items:center;justify-content:center;animation:upDown 1s linear}@media(max-width:768px){.home-desktop-view{display:none}.home-mobile-view{display:block;height:100vh}.home-name{font-size:2.5rem;text-align:center}.home-tagline{font-size:1.2rem;text-align:center;margin-bottom:2rem}.home-tagline:after{width:30%}.home-mobile-content{padding-top:3rem}}.typing-text{display:inline-block;min-width:100px;position:relative}.typing-text span{display:inline-block;transition:opacity .1s ease-out}.typing-text span.fade-out{opacity:0}.typing-text.deleting{animation:fadeOut .1s ease-out}.cursor{display:inline-block;width:2px;height:1em;background-color:currentColor;margin-left:2px;animation:blink .75s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:.5}}