@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";.typography{font-weight:700;text-align:center;line-height:1.2;margin-bottom:1rem;font-family:inherit;color:inherit}.typography.h1{font-size:6.25rem;font-weight:700;line-height:normal}.typography.h2{font-size:5rem;font-weight:700}.typography.h3{font-size:1.875rem;font-weight:500}.typography.h4{font-size:2rem}.typography.h5{font-size:1.5rem}.typography.h6{font-size:1.25rem}.typography.h7{font-size:1rem}.typography.p{font-size:1.6rem;font-weight:400;line-height:1.6}@media (max-width: 768px){.typography.h1{font-size:3rem}.typography.h2{font-size:2.5rem}.typography.h3{font-size:1.75rem}.typography.h4{font-size:1.375rem}.typography.h5,.typography.h6{font-size:1.125rem}.typography.p{font-size:1.6rem}}@media (max-width: 480px){.typography.h1{font-size:2.5rem}.typography.h2{font-size:2rem}.typography.h3{font-size:1.5rem}.typography.h4{font-size:1.25rem}.typography.h5,.typography.h6{font-size:1rem}.typography.p{font-size:1.125rem}}@media (max-width: 320px){.typography.h1{font-size:2rem}.typography.h2{font-size:1.5rem}.typography.h3{font-size:1.25rem}.typography.h4,.typography.h5,.typography.h6{font-size:1rem}.typography.p{font-size:1rem;font-weight:400;line-height:1.6}}.grid-section{display:flex;justify-content:center;padding:64px 16px;background:var(--primary-color);width:100%}.grid-section>*{width:100%;max-width:1200px}.grid-section[data-background=primary]{background:var(--primary-color);color:var(--secondary-color)}.grid-section[data-background=secondary]{background:var(--secondary-color);color:var(--primary-color)}.grid-section[data-background=accent]{background:var(--accent-color);color:var(--secondary-color)}@media (min-width: 480px) and (max-width: 768px){.grid-section{padding:96px 24px}}@media (min-width: 769px) and (max-width: 1023px){.grid-section{padding:96px 64px}}@media (min-width: 1024px) and (max-width: 1200px){.grid-section{padding:0rem 8rem;padding-inline:64px}}@media (min-width: 1201px){.grid-section{padding-block:96px;padding-inline:128px}}.header-section{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;background-color:var(--primary-color);color:var(--secondary-color);font-family:inherit;max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box}.intro-text{font-weight:500;text-align:center;color:inherit;margin:0;max-width:800px;width:100%;word-wrap:break-word;overflow-wrap:break-word}.name{font-weight:700;color:inherit;margin:.5rem 0;line-height:normal;font-size:4rem}.welcome{font-weight:500;color:inherit;margin:0}@media (max-width: 768px){.header-section{padding-block:4rem 2rem}.intro-text{font-size:1.5rem}.name{font-size:3rem}}@media (max-width: 480px){.intro-text{font-size:1.25rem}.name{font-size:2.5rem}}.bio-section{display:flex;justify-content:center;align-items:center;text-align:center;background-color:inherit;color:inherit;font-family:inherit;max-width:1200px}.bio-card{align-items:center;word-break:break-word;white-space:normal;overflow-wrap:break-word;overflow-x:overlay}@media (max-width: 480px){.bio-section{max-width:100%;box-sizing:border-box;min-width:80%;height:fit-content}.bio-card{padding:64px 16px;max-width:100%;box-sizing:border-box}}@media (min-width: 480px) and (max-width: 768px){.bio-card{padding:24px;max-width:80%}}@media (min-width: 1024px){.bio-section{height:50vh}}.gallery{display:flex;flex-direction:row;justify-content:center;width:auto;gap:16px;position:relative}.gallery-section{display:flex;flex-direction:column;align-items:center;width:100%;gap:16px}.image{width:22.375rem;height:auto;object-fit:cover;flex-shrink:0;border-radius:12px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;border:.5px solid grey}.middle{position:absolute;z-index:1;top:-15px}.left{transform:rotate(-4.695deg)}.right{transform:rotate(4.695deg)}@media (max-width: 320px){.gallery{width:9.5rem;max-width:90%}}@media (min-width: 321px) and (max-width: 599px){.gallery{width:10.5rem}}@media (min-width: 600px) and (max-width: 767px){.gallery{width:95%}}@media (min-width: 768px) and (max-width: 1023px){.gallery{width:20.375rem}}@media (min-width: 1024px){.gallery{width:50rem}}.button{border-radius:.75rem;background:var(--primary-color);color:var(--secondary-color);border:1px solid var(--secondary-color);display:flex;width:18rem;height:3rem;padding-left:1rem;align-items:center;gap:1rem;transition:transform .3s ease-in-out}.button:hover{transform:scale(1.04)}.buttons{display:flex;flex-direction:column;gap:.5rem;padding-top:2rem}.white-button{background-color:var(--secondary-color);color:var(--primary-color);margin-top:20px;transition:transform .3s ease-in-out}.white-button:hover{transform:scale(1.04)}.button span,.white-button span{font-size:1.125rem;font-style:normal;font-weight:500;font-family:poppins}.span{text-decoration:none}.project-tag,.article-tag,.skill-tag{border-radius:4px;font-size:16px;text-align:center;max-width:100%;white-space:nowrap}.project-tag{padding:1px 4px;border:1px solid var(--primary-color);min-width:82px;background:var(--secondary-color);color:var(--primary-color);margin:0}.article-tag{border:1px solid var(--secondary-color);padding:.5rem 1rem;border-radius:.25rem;background:var(--primary-color);color:var(--secondary-color);font-weight:500;height:auto;display:inline-block;margin:.5rem 0}.skill-tag{min-width:100%;border:1px solid var(--primary-color);border-radius:.25rem;height:auto;padding:.125rem .375rem;background:var(--secondary-color);color:var(--primary-color);font-weight:700;text-align:center;gap:1rem;display:flex;align-items:center;box-sizing:border-box;justify-content:center}@media (min-width: 481px){.project-tag{width:142px}@media (min-width: 1024px){.project-tag{min-width:142px;width:auto}}}.project-card{display:flex;flex-direction:row;align-items:center;gap:7.8125rem;margin-bottom:4rem}.project-card.reversed{flex-direction:row-reverse}.project-image-wrapper{flex:1}.project-image{width:479px;height:479px;object-fit:cover;object-position:top;border-radius:1rem;display:block;transition:transform .3s ease-in-out}.project-image:hover{transform:scale(1.02)}.project-title{margin-top:2rem}.project-description{gap:1rem;text-align:left}.project-content{flex:1;gap:1rem;display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}@media (max-width: 480px){.project-card{flex-direction:column;gap:2rem}.project-card.reversed{flex-direction:column}.project-image{width:100%;height:auto;aspect-ratio:9 / 16;object-position:center}.project-image-wrapper{width:100%;height:auto}}@media (min-width: 480px) and (max-width: 768px){.project-card{flex-direction:column;gap:2rem}.project-card.reversed{flex-direction:column}.project-image-wrapper{width:100%;height:auto}.project-image{width:100%;height:auto;object-fit:cover;object-position:center;aspect-ratio:16 / 9}}@media (max-width: 1023px){.project-card{flex-direction:column;gap:2rem}.project-card.reversed{flex-direction:column}.project-image-wrapper{width:100%;height:auto}}.projects-section{grid-column:span 4;display:flex;flex-direction:column;align-items:center;gap:64px;width:100%}.projects-heading{text-align:center;color:var(--primary-color);font-size:2rem;font-weight:700}.project-wrapper{display:flex;flex-direction:column;gap:64px;width:100%;max-width:1200px}.view-more-container{display:flex;justify-content:center;margin-top:32px}@media (min-width: 480px) and (max-width: 768px){.projects-container{grid-column:span 8;margin-bottom:30px}.projects-heading{margin-bottom:30px}}@media (min-width: 768px) and (max-width: 1023px){.projects-container{grid-column:span 12;margin-bottom:30px;margin-top:30px}.projects-heading{margin-bottom:30px}}@media (min-width: 1024px){.projects-container{padding:8rem 0rem;gap:8rem;max-width:100%;margin-bottom:0}}.tech-section{text-align:center;width:100%;background-color:var(--primary-color)}.tech-content-section{color:var(--secondary-color);padding:64px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.tech-content-section p{max-width:343px}@media (max-width: 480px){.tech-content-section{padding:64px 16px;gap:16px}.tech-content-section p{max-width:100%;font-size:1rem}}@media (min-width: 480px) and (max-width: 768px){.tech-content-section{padding:24px}.tech-content-section p{max-width:95%}}@media (min-width: 1024px){.tech-content-section p{max-width:100%}}.skill-section{display:flex;flex-direction:column;text-align:center;gap:1.5rem;align-items:center}.skill-heading{color:var(--primary-color);margin-bottom:1rem;text-align:center}.skill-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1000px;width:100%;justify-content:center;align-items:flex-start}.skill-category{display:flex;flex-direction:column;align-items:flex-start}.skill-category ul{list-style:none;width:200px;padding:0;margin:0;text-align:left;background:var(--secondary-color);color:var(--primary-color)}.skill-category ul li{font-size:1rem;margin:5px 0}@media (max-width: 480px){.skill-wrapper{grid-template-columns:repeat(1,1fr)}}@media (min-width: 480px) and (max-width: 767px){.skill-heading{font-size:2.5rem}.skill-wrapper{grid-template-columns:repeat(2,1fr);gap:24px}}@media (min-width: 768px) and (max-width: 1023px){.skill-section{padding:8rem 0rem}}@media (min-width: 1400px){.skill-container{padding:8rem 0rem}.skill-wrapper{width:85%}}.article-card{display:flex;flex-direction:row;align-items:center;gap:7.8125rem;margin-bottom:4rem}.article-image-wrapper{flex:1}.article-image{width:479px;height:479px;object-fit:cover;object-position:top;border-radius:1rem;display:block;transition:transform .3s ease-in-out}.article-image:hover{transform:scale(1.02)}.article-title{margin-top:2rem;text-align:left}.article-description{gap:1rem;text-align:left}.article-content{flex:1;gap:1rem;display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}.tag-container{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.25rem;align-self:stretch}.fade-in{opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease-out forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.article-card{flex-direction:column;gap:2rem}.article-image{width:100%;height:auto;aspect-ratio:9 / 16;object-position:center}.article-image-wrapper{width:100%;height:auto}}@media (min-width: 480px) and (max-width: 768px){.article-card{flex-direction:column;gap:2rem}.article-image-wrapper{width:100%;height:auto}.article-image{width:100%;height:auto;object-fit:cover;object-position:center;aspect-ratio:16 / 9}}@media (max-width: 1023px){.article-card{flex-direction:column;gap:2rem}.article-image-wrapper{width:100%;height:auto}}.mywords-section{grid-column:span 4;display:flex;flex-direction:column;align-items:center;gap:64px;width:100%;padding:0 1rem}.mywords-heading{text-align:left;color:var(--secondary-color);font-weight:700}.article-wrapper{display:flex;flex-direction:column;gap:64px;width:100%;max-width:1200px}@media (min-width: 480px) and (max-width: 768px){.mywords-container{grid-column:span 8;margin-bottom:30px}.mywords-heading{margin-bottom:30px}}@media (min-width: 768px) and (max-width: 1023px){.mywords-container{grid-column:span 12;margin-bottom:30px;margin-top:30px}.mywords-heading{margin-bottom:30px}}@media (min-width: 1024px){.mywords-container{padding:8rem 0;gap:8rem;max-width:100%;margin-bottom:0}}.contact-section{width:100%;height:auto;position:relative;overflow:hidden;flex-direction:column;text-align:center;padding:8rem 0rem;gap:3rem;align-items:center;align-self:stretch;display:flex}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem 0}.contact-photo{width:10.25rem;height:10.25rem;border-radius:10.25rem;overflow:hidden;display:flex;justify-content:center;align-items:center;object-fit:cover;object-position:bottom}.contact-content{bottom:2rem;width:100%;text-align:center;gap:.5rem;display:flex;flex-direction:column}.social-links{display:flex;gap:2rem;justify-content:center}@media (min-width: 1024px){.contact-info{width:60%;align-items:center;padding-left:0}}.scroll-to-top-section{display:flex;justify-content:center;align-items:center;padding:4rem 1rem}.scroll-to-top-button{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:0 1rem;width:20rem;height:3.5rem;border-radius:.75rem;transition:transform .3s ease-in-out}.scroll-to-top-button .button-icon{transform:rotate(180deg);transition:transform .3s ease-in-out}.scroll-to-top-button{transition:transform .3s ease-in-out}.scroll-to-top-button:hover{transform:scale(1.04)}*{margin:0;box-sizing:border-box}html,body{height:100%;width:100%;background-color:#000;overflow-x:hidden}#root{margin:0 auto;padding:0;font-family:poppins;min-height:100vh;width:100vw}.section{width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}img{max-width:100%;display:block}:root{--primary-color: #000000;--secondary-color: #FFFFFF;--accent-color: #7e7070;color-scheme:light dark;color:var(--secondary-color);background-color:var(--primary-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;background-color:var(--primary-color);color:var(--secondary-color);margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:320px;min-height:100vh;text-align:center;box-sizing:border-box}a{font-weight:500;color:var--(--accent-color);text-decoration:inherit}a:hover{color:var--(--accent-color)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:var--(--secondary-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:var (--primary-color);background-color:var--(--secondary-color)}a:hover{color:var--(--accent-color)}button{background-color:var--(--secondary-color)}}