.section-bio{height:20vh;width:100%;display:flex;flex-direction:row;gap:2rem;padding-inline:2%;padding-top:1%;box-sizing:border-box}.myName{font-size:3rem;margin-left:-2px}.bio-content{display:flex;flex-direction:column}.myPhoto{width:7rem;height:7rem;display:flex;align-items:center;justify-content:center;border:1px solid linen;border-radius:100px;overflow:hidden}.myPhoto img{width:8rem;height:8rem;object-fit:contain}@media (max-width: 768px){.myName{font-size:2rem}.section-bio{padding-inline:3%;height:auto;gap:1rem}}.section-projects{height:55vh;width:100%;padding-inline:2%;box-sizing:border-box;display:flex;flex-direction:column}.product-image{width:1.5rem}.project-list{flex:1;overflow-y:auto}.project{display:grid;grid-template-columns:.2fr .3fr .5fr;width:100%;gap:1rem;padding-bottom:1rem}.project-tags{display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;gap:.5rem}.project-title{display:flex;align-items:flex-start;text-decoration:none}.project-title__text{background:linear-gradient(90deg,#add8e6 0% 40%,#add8e6 50%,#8dcefa 60%,#6fbcfc,#58b6f9);background-size:200% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;transition:background-position .8s ease-out}.project-title__arrow{display:inline-block;width:16px;height:16px;background:linear-gradient(90deg,#add8e6 0% 40%,#add8e6 50%,#8dcefa 60%,#58b6f9 80% 100%);background-size:200% 100%;background-position:0 0;-webkit-mask-image:url(/arrow.svg);mask-image:url(/arrow.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.project-title__text:hover,.project-title__text:hover~.project-title__arrow,.project-title__arrow:hover~.project-title__text{background-position:100% 0}.project-description{text-align:right;white-space:normal;overflow-wrap:normal;word-break:normal}@media (max-width: 768px){.section-projects{padding-inline:3%}.project{display:flex;flex-direction:column;gap:.5rem}.project-description{text-align:left;font-size:.85rem}}.section-skills{height:25vh;width:100%;padding-inline:2%;box-sizing:border-box;display:grid;grid-template-columns:.5fr .5fr;gap:2rem}.skills-tags{display:flex;flex-wrap:wrap;gap:.5rem;overflow-y:auto}.education-content{justify-content:end}.skills-image{width:1.3rem}.education-title{display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:end}.education-image{width:1.5rem}.education-description{display:flex;justify-content:end;text-align:right;gap:10px}@media (max-width: 768px){.section-skills{padding-inline:3%;grid-template-columns:.5fr .5fr;gap:.5rem}.education-description{font-size:10px}}.tag-react,.tag-typescript,.tag-javascript,.tag-go,.tag-html,.tag-css,.tag-tailwind,.tag-mysql,.tag-sqlite,.tag-mongodb,.tag-github{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.1rem;padding:2px 6px;box-sizing:content-box;font-size:12px;height:1.3rem;overflow:hidden;border:1px solid transparent;border-radius:16px;background-size:100% 100%,200% 100%;background-position:0 0,0 0;background-clip:padding-box,border-box;background-origin:border-box;transition:background-position .8s ease,filter .3s ease}.tag-react{color:#61dbfb;background-image:linear-gradient(90deg,#111,#092e39,#2e6375),linear-gradient(90deg,#104a6e,#1c667a,#c0e5f9,#2871a2)}.tag-typescript{color:#2d93d7;background-image:linear-gradient(90deg,#111,#021f32,#064671),linear-gradient(90deg,#0e4168,#286fa2,#c0e0f9,#1b446d)}.tag-javascript{color:#e9d65b;background-image:linear-gradient(90deg,#111,#262402,#717106),linear-gradient(90deg,#56510c,#a29e28,#f9f1c0,#6d6a1b)}.tag-go{color:#3abedf;background-image:linear-gradient(90deg,#111,#032938,#07617a),linear-gradient(90deg,#0e5563,#2883a2,#c0ebf9,#1b5d6d)}.tag-html{color:#eb6746;background-image:linear-gradient(90deg,#111,#401b0f,#753b31),linear-gradient(90deg,#671d0e,#a23228,#f9c7c0,#a25128)}.tag-css{color:#6583fc;background-image:linear-gradient(90deg,#111,#121e61,#3a4c90),linear-gradient(90deg,#11267c,#2840a2,#c0cbf9,#2840a2)}.tag-tailwind{color:#36c5de;background-image:linear-gradient(90deg,#111,#0a313b,#3a7990),linear-gradient(90deg,#0b4754,#287fa2,#c0e3f9,#2a8cad)}.tag-mysql{color:#099cbd;background-image:linear-gradient(90deg,#111,#013642,#026176),linear-gradient(90deg,#093b46,#287fa2,#c0e3f9,#2a8cad)}.tag-sqlite{color:#3c8aff;background-image:linear-gradient(90deg,#111,#0b1a2f,#214682),linear-gradient(90deg,#3c8aff,#3a73c9,#a5c6f7,#285190)}.tag-mongodb{color:#00ed64;background-image:linear-gradient(90deg,#111,#022812,#037733),linear-gradient(90deg,#013e1b,#027231,#aeeac7,#2e9e4e)}.tag-github{color:#fafbfc;background-image:linear-gradient(90deg,#111,#3a3939,#636262),linear-gradient(90deg,#3d3d3d,#767677,#fafbfc,#767677);gap:.3rem}.tag-react:hover,.tag-html:hover,.tag-github:hover,.tag-typescript:hover,.tag-javascript:hover,.tag-mysql:hover,.tag-sqlite:hover,.tag-mongodb:hover,.tag-tailwind:hover:hover,.tag-go:hover:hover,.tag-css:hover{background-position:0 0,100% 0;filter:brightness(1.7)}.tag-react img,.tag-html img,.tag-github img{width:1rem;object-fit:contain}.tag-typescript img,.tag-javascript img,.tag-mysql img,.tag-sqlite img,.tag-mongodb img,.tag-tailwind img{width:1.2rem;object-fit:contain}.tag-go img{width:1.8rem;object-fit:contain}.tag-css img{width:1.5rem;object-fit:contain;transition:filter .3s ease}.tag-css:hover img,.tag-mysql:hover img{filter:brightness(1.6)}.tag-react:hover img,.tag-typescript:hover img,.tag-javascript:hover img,.tag-go:hover img,.tag-html:hover img,.tag-mongodb:hover img,.tag-github:hover img{filter:brightness(1.2)}@media (max-width: 768px){.tag-react,.tag-html,.tag-github,.tag-typescript,.tag-javascript,.tag-mysql,.tag-sqlite,.tag-mongodb,.tag-tailwind,.tag-go,.tag-css{border-radius:15px;padding:0 4px;font-size:9px;height:1.3rem;overflow:hidden}.tag-react img,.tag-html img,.tag-github img{width:.8rem;object-fit:contain}.tag-typescript img,.tag-javascript img,.tag-mysql img,.tag-sqlite img,.tag-mongodb img,.tag-tailwind img{width:1rem;object-fit:contain}.tag-go img{width:1.6rem;object-fit:contain}.tag-css img{width:1.1rem;object-fit:contain}}:root{font-family:Helvetica Neue,Helvetica,Arial,serif;line-height:1.5;font-weight:500;font-size:14px;color-scheme:light dark;color:#7a7a7a;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 768px){:root{font-size:12px}}html,body{overflow-x:hidden}body{margin:0;display:flex;flex-direction:column;place-items:center;min-width:320px;min-height:100dvh;text-transform:uppercase}a{text-decoration:none;color:#add8e6}h3{margin-block-start:.5em;margin-block-end:.5em}h1{margin-block-start:-.3em;margin-block-end:-.2em;color:linen}.title-of-section{display:flex;flex-direction:row;align-items:center;justify-content:left;gap:.5rem}.arrow-image{width:1rem}