body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#1a1a1a,#202020,#1a1a1a);background-size:400% 400%;z-index:0}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.page{align-items:center;color:#f0f0f0;display:flex;flex-direction:column;font-size:clamp(1rem,4vw,1.3rem);justify-content:center;margin-left:auto;margin-right:auto;max-width:85vw;min-height:100dvh;min-width:60vw;width:calc(.2vw + 350px);z-index:200}.navbar{background:linear-gradient(90deg,#1f1f1f,#2a2a2a);box-shadow:0 2px 8px #0006;display:flex;gap:1rem;justify-content:flex-end;padding:.2rem 1.5rem;position:sticky;top:0;z-index:1000}.navbar a{border-radius:4px;color:#e0e0e0;font-size:1.3rem;font-weight:650;padding:.5rem;text-decoration:none;transition:transform .1s ease}.navbar a.active{color:#f60;font-weight:800}.navbar a.active,.navbar a:hover{transform:scale(1.1)}.welcome{align-items:center;display:flex;flex-direction:column;height:100dvh;justify-content:center;margin:0 auto;max-width:80vw;text-shadow:1px 2px 3px #000;z-index:100}.welcome-title{color:#f0f0f0;font-size:4.5rem;font-weight:625}.welcome-name{color:#f60;font-size:4.5rem;font-weight:675}.welcome-subtitle{color:#f0f0f0f8;font-size:2.2rem;font-weight:400;margin:.1rem 0}.welcome-background{clip-path:inset(0 0 0 0);height:100dvh;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100vw;z-index:100}.welcome-background svg{height:100%;object-fit:cover;width:100%}img:hover{transform:scale(1.1)}.project-card{border-radius:12px;overflow:hidden;width:90%}.project{border:none;color:#f0f0f0;display:flex;flex-direction:column;padding-left:2rem}.project-open{display:flex}.project-open,.project:hover{background-color:#f0f0f00a}.project-header{display:flex;flex-direction:row}.project-header-text{align-items:flex-start;display:flex;flex-direction:column;justify-content:left;text-align:left;width:85%}.project-header-carat{align-self:center;color:#f0f0f03c;display:flex;font-size:1.5rem;justify-content:center;transition:color .2s ease;width:15%}.project-header-carat-open,.project:hover .project-header-carat{color:#f60;font-weight:1000}.project-header-carat-open{align-self:center;display:flex;font-size:1.5rem;justify-content:center;transition:color .2s ease;width:15%}.project-expanded{align-items:center;display:flex;flex-direction:column;text-align:left;width:90%}.project-title{font-weight:700}.project-summary{margin-top:0}.project-tech{align-items:center;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;padding-bottom:.5rem;padding-top:.5rem}.tech-icon{height:30px}.project-links{align-items:center;display:flex;gap:clamp(.5rem,3dvw,10rem);justify-content:center;padding-bottom:1.5rem;padding-top:1rem}.project-link{background:#2a2a2a;border:none;border-radius:4px;box-shadow:0 2px 8px #0006;color:#fff;font-weight:600;padding:.4rem 1rem;text-align:center;text-decoration:none;transition:background-color .2s ease;width:9rem}.project-link:hover{transform:scale(1.05)}.project-divider{border:1px solid #f0f0f03c;border-radius:5px;margin:0}.about{align-items:center;box-sizing:border-box;color:#f0f0f0;display:flex;gap:2rem;width:90%;z-index:300}.about img{width:15vw}.contact{display:flex;gap:3rem;justify-content:center}.contact-button{max-width:111px;transition:transform .2s ease;width:50vw}@media (max-width:768px){.project-card{width:80vw}.about{flex-direction:column;gap:1rem;padding:.5rem;text-align:center;width:110%}.about img{width:calc(-6.52vw + 166px)}.project-link{width:9rem}.project-tech{gap:2rem;padding-bottom:.1rem;padding-top:.2rem}}@media (max-width:600px){.navbar{justify-content:center}.contact{flex-direction:column}.project-link{width:8rem}.project-tech{gap:1rem}.tech-icon{height:25px}}@media (max-width:440px){.navbar{gap:.25rem}.navbar a{font-size:clamp(1rem,5vw,1.3rem)}.project-link{padding:.4rem;width:7rem}.project-tech{gap:.46rem}.tech-icon{height:22px}}
/*# sourceMappingURL=main.c8d9e21b.css.map*/