@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-from-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slide-to-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slide-from-bottom{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}::view-transition-old(page-container){animation:fade-out .3s cubic-bezier(.4,0,.2,1) both,slide-to-left .3s cubic-bezier(.4,0,.2,1) both}::view-transition-new(page-container){animation:fade-in .3s cubic-bezier(.4,0,.2,1) both,slide-from-right .3s cubic-bezier(.4,0,.2,1) both}::view-transition-old(page-title){animation:fade-out .2s cubic-bezier(.4,0,.2,1) both}::view-transition-new(page-title){animation:fade-in .3s cubic-bezier(.4,0,.2,1) both,slide-from-bottom .3s cubic-bezier(.4,0,.2,1) both}::view-transition-old(project-item-1),::view-transition-old(project-item-2),::view-transition-old(project-item-3),::view-transition-old(project-item-4){animation:fade-out .2s cubic-bezier(.4,0,.2,1) both}::view-transition-new(project-item-1){animation:fade-in .4s cubic-bezier(.4,0,.2,1) 50ms both,slide-from-bottom .4s cubic-bezier(.4,0,.2,1) 50ms both}::view-transition-new(project-item-2){animation:fade-in .4s cubic-bezier(.4,0,.2,1) .1s both,slide-from-bottom .4s cubic-bezier(.4,0,.2,1) .1s both}::view-transition-new(project-item-3){animation:fade-in .4s cubic-bezier(.4,0,.2,1) .15s both,slide-from-bottom .4s cubic-bezier(.4,0,.2,1) .15s both}::view-transition-new(project-item-4){animation:fade-in .4s cubic-bezier(.4,0,.2,1) .2s both,slide-from-bottom .4s cubic-bezier(.4,0,.2,1) .2s both}::view-transition-new(header),::view-transition-old(header){animation:none;mix-blend-mode:normal}::view-transition-new(logo),::view-transition-old(logo){animation:none;mix-blend-mode:normal}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation-duration:.01s}}::view-transition-old(about-item-1),::view-transition-old(about-item-2),::view-transition-old(about-item-3),::view-transition-old(about-item-4){animation:fade-out .2s cubic-bezier(.4,0,.2,1) both}::view-transition-new(about-item-1){animation:fade-in .4s cubic-bezier(.4,0,.2,1) 50ms both,slide-from-bottom .4s cubic-bezier(.4,0,.2,1) 50ms both}::view-transition-new(about-item-2){animation:fade-in .4s cubic-bezier(.4,0,.2,1) .1s both,slide-from-bottom .4s cubic-bezier(.4,0,.2,1) .1s both}::view-transition-new(about-item-3){animation:fade-in .4s cubic-bezier(.4,0,.2,1) .15s both,slide-from-bottom .4s cubic-bezier(.4,0,.2,1) .15s both}::view-transition-new(about-item-4){animation:fade-in .4s cubic-bezier(.4,0,.2,1) .2s both,slide-from-bottom .4s cubic-bezier(.4,0,.2,1) .2s both}::view-transition-old(contact-form),::view-transition-old(contact-info){animation:fade-out .2s cubic-bezier(.4,0,.2,1) both}::view-transition-new(contact-info){animation:fade-in .4s cubic-bezier(.4,0,.2,1) 50ms both,slide-from-bottom .4s cubic-bezier(.4,0,.2,1) 50ms both}::view-transition-new(contact-form){animation:fade-in .4s cubic-bezier(.4,0,.2,1) .1s both,slide-from-bottom .4s cubic-bezier(.4,0,.2,1) .1s both}:root{--primary-color:#5dd62c;--secondary-color:#337418;--accent-color:#0f0f0f;--text-primary:#f8f8f8;--text-secondary:#ccc;--background-light:#202020;--background-dark:#0f0f0f;--color-dark-green:#0f0f0f;--color-dark-gray:#202020;--color-bright-green:#5dd62c;--color-medium-green:#337418;--color-white:#f8f8f8}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);background:var(--background-dark)}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none;transition:color .15s ease-in-out}a:hover{color:var(--primary-color)}button{font-family:inherit;border:none;cursor:pointer;background:none}button:focus{outline:none}img{max-width:100%;height:auto}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;max-width:1280px}.flex-center{display:flex;align-items:center;justify-content:center}.fade-in{opacity:0;animation:fadeIn .3s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{display:none}