*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#0f3fa0 #041331}html,body{margin:0;padding:0;background-color:#041331;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{font-family:Montserrat,system-ui,sans-serif}body,*:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){font-family:Roboto,system-ui,sans-serif}.keyword{color:#00aced}@media(max-width:480px){h1,h2,h3,h4,h5,h6{font-size:1.4rem}body,*:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){font-size:.95rem}}.socials{background-color:transparent;text-align:center;padding:20px 0;width:100%;margin-top:auto;margin-bottom:10px}.socials .icon-container{margin-top:30px}.socials .link{-webkit-tap-highlight-color:transparent;margin:0 20px}.socials .icon{fill:#fff;transition:fill .3s}.socials .link:hover .icon{fill:#00aced}@media(max-width:480px){.socials .icon{width:20px}}.identity{display:flex;align-items:center;justify-content:center;margin-top:200px}.identity .text-container{margin-bottom:30px}.wave{display:inline-block;animation:wave-animation 1.5s ease-in-out infinite;transform-origin:70% 70%}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%,to{transform:rotate(0)}}.typed-style{font-size:1.3rem;font-family:Montserrat}.typed-cursor{font-size:1.3rem;animation:blink-animation 1s infinite}@keyframes blink-animation{0%,50%{opacity:1}51%,to{opacity:0}}@media(max-width:480px){.wave{font-size:1.3rem}.typed-style,.typed-cursor{font-size:1.1rem}}.home-intro{display:flex;align-items:center;justify-content:center;margin:100px 0}.home-intro .text-container{margin-right:10vw;max-width:40%}.home-intro .image{opacity:.9;max-width:300px}@media(max-width:1024px){.home-intro{flex-direction:column;margin:100px 10vw}.home-intro .text-container{margin-right:0;max-width:100%}.home-intro .image{margin-top:60px}}@media(max-width:480px){.home-intro .image{max-width:260px;margin-top:50px}}.skill-card{display:flex;flex-direction:column;align-items:center;background-color:transparent;border-radius:8px;box-shadow:0 0 10px #ffffff4d;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.1);width:120px;height:120px}.skill-card:hover{transform:translateY(-5px);box-shadow:0 0 15px #ffffff4d}.skill-card img{width:48px;height:48px;object-fit:contain;margin-top:1rem;margin-bottom:1rem;opacity:.9;transition:opacity .3s ease}.skill-card h3{font-size:.9rem;text-align:center;margin-top:auto}.skills-grid{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;margin-top:120px}.skills-grid .heading{margin-bottom:50px}.skills-grid .skill{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;max-width:1000px;width:95%;margin:0 auto 50px}.about-intro{display:flex;align-items:center;justify-content:center;margin-top:270px;min-height:40vh}.about-intro .text-container{margin-bottom:3vw;margin-right:10vw;max-width:40%}.about-intro .heading{text-align:center;margin-bottom:30px}.about-intro .paragraph{text-align:left}.about-intro .image{opacity:.9;max-width:300px}@media(max-width:1024px){.about-intro{flex-direction:column;margin:200px 10vw 0}.about-intro .text-container{margin-bottom:30px;margin-right:0;max-width:100%}}@media(max-width:480px){.about-intro .text-container{margin-bottom:25px}.about-intro .image{max-width:260px}}.projects-grid{display:flex;flex-direction:column;align-items:center;margin-top:250px;min-height:80vh}.projects-grid .text-container{text-align:center}.projects-grid .heading,.projects-grid .paragraph{margin-bottom:50px}.project{margin:0 10vw 50px;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}@media(max-width:480px){.projects-grid{margin:220px 0 50px}.project{margin:0 9vw 50px}}.project-card{width:300px;background-color:transparent;border-radius:8px;box-shadow:0 0 10px #ffffff4d;transition:transform .3s ease,box-shadow .3s ease;text-align:center;padding:20px;display:flex;flex-direction:column;margin:20px}.project-card:hover{transform:translateY(-10px);box-shadow:0 0 15px #ffffff4d}.project-card .image{opacity:.9;width:100%;aspect-ratio:3 / 2;border-radius:4px 4px 2px 2px}.project-card .heading{margin:25px 0 5px}.project-card .paragraph{line-height:1.4}.project-card .button-wrapper{-webkit-tap-highlight-color:transparent;margin-top:auto}.project-card .button{color:#fff;padding:10px 20px;font-size:1em;background-color:#0075b4;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.project-card .button:hover{background-color:#0090dd}.header-wide{width:100%;position:fixed;top:0;background:transparent;padding:10px;z-index:10;transition:background-color .3s ease,backdrop-filter .3s ease}.header-wide.scrolled{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-wide .container{display:flex;justify-content:space-between;max-width:70%;margin:0 auto}.header-wide .nav-links{display:flex;gap:20px;margin-left:auto}.header-wide .nav-link{color:#fff;position:relative;text-decoration:none;padding:5px 10px;display:flex;align-items:center}.header-wide .icon{margin-bottom:3px;margin-right:8px;width:21px;height:21px}.header-wide .nav-link:after{content:"";position:absolute;left:9%;bottom:1px;width:0;height:3px;background-color:#00aced;transition:width .3s ease-in-out,left .3s ease-in-out;border-radius:10px}.header-wide .nav-link:hover:after{width:85%;left:9%}.header-narrow{width:100%;position:fixed;top:0;background:#07193d;z-index:10}.header-narrow .dropdown-icon-container{display:flex;justify-content:flex-end;padding:10px 20px}.header-narrow .dropdown-icon{width:30px;height:30px;display:flex;flex-direction:column;justify-content:space-around;cursor:pointer;-webkit-tap-highlight-color:transparent}.header-narrow .bar{height:3px;background-color:#fff;transition:all .3s linear;border-radius:3px}.header-narrow .dropdown-icon.open .top-bar{transform:translateY(8px) rotate(45deg)}.header-narrow .dropdown-icon.open .middle-bar{display:none}.header-narrow .dropdown-icon.open .bottom-bar{transform:translateY(-8px) rotate(-45deg)}.header-narrow .dropdown-menu{display:flex;flex-direction:column;gap:20px;font-size:1.3rem;background-color:#07193d;overflow:hidden;max-height:0;transition:max-height .3s linear,padding .2s linear}.header-narrow .dropdown-menu.show{max-height:300px;padding:3px 0 20px}.header-narrow .menu-link{text-decoration:none;align-items:center;display:flex;gap:12px;justify-content:center;-webkit-tap-highlight-color:transparent;color:#e8eaed;transition:color .3s ease}.header-narrow .menu-icon{-webkit-user-select:none;user-select:none;pointer-events:none;width:20px;height:20px;margin-bottom:1.5px;fill:#e8eaed;transition:fill .3s ease}.header-narrow .menu-link:hover{color:#00aced}.header-narrow .menu-link:hover .menu-icon{fill:#00aced}@media(max-width:480px){.header-narrow .menu-link{font-size:1.1rem}}.app-root{position:relative;min-height:100vh}.app-content{position:relative;z-index:1}.background{position:fixed;inset:0;background-color:#041331;z-index:0;pointer-events:none;overflow:hidden}.star{position:absolute;background-color:#fff;border-radius:50%;animation:twinkle 5s infinite ease-in-out}@keyframes twinkle{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.3;transform:scale(.85)}}