:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #19192a;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .804)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 2rem}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.1rem;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}section{max-width:1000px;margin:0 auto;padding:var(--section-gap);text-align:center}header,h1,h2{color:var(--color-heading)}h1,h2{margin-bottom:2rem}:root{scroll-behavior:smooth}#app{max-width:80vw;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}@media(min-width:1024px){#app{padding:0 2rem}}header{position:sticky;top:0;left:0;right:0;line-height:1.5;max-height:100vh;display:flex;justify-content:center;background-color:var(--color-background);z-index:100;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding:1rem 0}header nav{display:flex;place-items:flex-start;flex-wrap:nowrap;flex-direction:row;margin-left:-1rem}header nav a{display:inline-block;padding:0 1.3rem;color:inherit}header nav a:not(:first-child){border-left:2px solid rgba(60,60,60,.5)}header nav a:hover{transform:scale(1.05)}.hero img{height:10rem;border-radius:50%}.about{display:flex;flex-direction:column;align-items:center}.about p{width:80%;text-align:left}.project-card{text-align:left;border-radius:20px;border:1px solid var(--color-border);padding:1.5rem;background-color:var(--color-background-soft);transition:transform .3s ease}.project-card:hover{transform:scale(1.05)}.project-card h3,.project-card p{margin-bottom:1rem}.project-card h3{color:var(--color-heading)}.projects .projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.skills .skills-grid{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;gap:2.5rem;justify-content:center;margin:0 auto}.skills .skill-icon{width:60px;transition:transform .3s ease}.skills .skill-icon:hover{transform:scale(1.2);cursor:pointer}.contact{background:var(--color-background-soft);border-radius:12px;padding:var(--section-gap);margin-bottom:var(--section-gap)}.contact h2{margin-bottom:1rem;color:var(--color-heading)}.contact p{margin-bottom:var(--section-gap);color:var(--color-text)}.contact form,.contact div{display:flex;flex-direction:column}.contact form{gap:1.5rem;width:90%;margin:0 auto}.contact h4{text-align:left;color:var(--color-heading);font-weight:600;margin-left:.5rem;margin-bottom:.5rem}.contact span{color:#cd5c5c}.contact input,.contact textarea{padding:.75rem;border:2px solid var(--color-border);border-radius:8px;background:var(--color-background);color:var(--color-text);font-family:inherit;font-size:1rem;transition:border-color .4s,box-shadow .4s}.contact input:focus,.contact textarea:focus{outline:none;border-color:#00bd7e}.contact textarea{resize:vertical;min-height:120px}.contact button{padding:.75rem 2rem;background:#00bd7e;color:var(--vt-c-white);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s;margin-top:.5rem}@media(hover:hover){.contact button:hover{background:#096;transform:translateY(-2px);box-shadow:0 4px 12px #00bd7e4d}}.contact button:active{transform:translateY(0)}.item[data-v-40a5c0e5]{margin-top:2rem;display:flex;position:relative}.details[data-v-40a5c0e5]{flex:1;margin-left:1rem}i[data-v-40a5c0e5]{display:flex;place-items:center;place-content:center;width:32px;height:32px;color:var(--color-text)}h3[data-v-40a5c0e5]{font-size:1.2rem;font-weight:500;margin-bottom:.4rem;color:var(--color-heading)}@media(min-width:1024px){.item[data-v-40a5c0e5]{margin-top:0;padding:.4rem 0 1rem calc(var(--section-gap) / 2)}i[data-v-40a5c0e5]{top:calc(50% - 25px);left:-26px;position:absolute;border:1px solid var(--color-border);background:var(--color-background);border-radius:8px;width:50px;height:50px}.item[data-v-40a5c0e5]:before{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;bottom:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-40a5c0e5]:after{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;top:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-40a5c0e5]:first-of-type:before{display:none}.item[data-v-40a5c0e5]:last-of-type:after{display:none}}