.page.home-page{flex-direction:column;display:flex;overflow:auto}.page.home-page .home-page.fixed{padding:2.5rem;overflow:hidden}@media (max-width:768px){.page.home-page .home-page.fixed{padding:2rem 1rem 1rem}}.page.home-page .home-page.fixed>section.about h1{letter-spacing:2px;text-transform:uppercase;font-family:League Gothic,sans-serif;font-size:2rem;font-weight:400}.page.home-page .home-page.fixed>section.about>span{color:#999}.page.home-page .home-page.fixed>section.about .tags{color:#707070;flex-wrap:wrap;gap:.3rem;margin-block:1rem;font-size:.6rem;display:flex}.page.home-page .home-page.fixed>section.about p.about{margin-top:1rem}.page.home-page .home-page.fixed>section.about .foot-note{gap:1rem;margin-block:1rem;display:flex}.page.home-page .home-page.fixed>section.about .foot-note button{cursor:pointer;border:1px solid;border-radius:2rem;align-items:center;gap:.7rem;padding:.5rem 1rem;display:flex}.page.home-page .home-page.fixed>section.about .foot-note button.contact{color:#fff;background-color:#fc1e1e;border-color:#fc1e1e}.page.home-page .home-page.fixed>section.about .foot-note button.download-cv{background-color:#0000;border-color:#0000001a}.page.home-page .home-page.fixed>section.about .foot-note button.download-cv span{text-decoration:none}.page.home-page .home-page.fixed>section.software{margin-block:1.5rem}.page.home-page .home-page.fixed>section.software .software-list{margin-top:.7rem;flex-wrap:wrap;gap:1rem;margin-inline:-5rem;padding-inline:5rem;display:flex}@media (max-width:768px){.page.home-page .home-page.fixed>section.software .software-list{flex-wrap:nowrap;margin-right:-5rem;padding-right:5rem;overflow:auto}.page.home-page .home-page.fixed>section.software .software-list>*{width:5rem}}.page.home-page .home-page.fixed>section.social-media{margin-block:1.5rem}.page.home-page .home-page.fixed>section.social-media .social-list{flex-wrap:wrap;gap:1rem;margin-top:.7rem;display:flex}.page.home-page .home-page.fixed .component.skill-tag{background-color:#fcfcfc;border:1px solid #f2f2f2;border-radius:1rem;align-items:center;gap:.5rem;padding:.3rem .8rem;display:flex}.page.home-page .home-page.fixed .component.software{border:1px solid #e7e7e7;border-radius:1rem;justify-content:center;align-items:center;width:3rem;min-width:3rem;height:3rem;padding:.1rem .4rem;display:flex}.page.home-page .home-page.fixed .component.social-media{background-color:#0000;border:1px solid #e7e7e7;border-radius:1rem;justify-content:center;align-items:center;width:4rem;height:3.3rem;padding:.1rem .4rem;display:flex}.page.home-page .home-page.fixed .component.social-media .content{background:0 0;border:1px solid #e7e7e7;border-radius:50%;justify-content:center;align-items:center;width:2rem;min-width:2rem;height:2rem;min-height:2rem;display:flex}.page.home-page .sections{flex-direction:column;gap:1.5rem;display:flex}@media (max-width:768px){.page.home-page .sections{gap:.8rem}.page.home-page .sections .component.topbar{display:none}}.page.home-page .sections .sidescroll{color:#a9a9a9;align-items:center;gap:.5rem;padding-left:1rem;display:none}@media (max-width:768px){.page.home-page .sections .sidescroll{display:flex}}
.component.topbar{justify-content:flex-end;padding-top:1rem;padding-right:3rem;display:flex}.component.topbar nav{border:1px solid #e9e9e9;border-radius:1.5rem;gap:1rem;display:flex}.component.topbar nav:first-child{padding-left:1rem}.component.topbar nav:last-child{padding-right:1rem}.component.topbar nav button{color:#202020;cursor:pointer;background-color:#0000;border:none;padding:.5rem .7rem;font-weight:700}
section.skills{border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}section.skills>.title{color:#272666;background-color:#f9f9f9;padding-block:.7rem;padding-inline:2.5rem;font-size:1.4rem}@media (max-width:768px){section.skills>.title{padding-inline:1rem}}section.skills .skills-list{flex-wrap:wrap;display:flex}section.skills .skills-list>*{flex:50%}@media (max-width:768px){section.skills .skills-list>*{flex:100%}}section.skills .show-more{background:0 0;justify-content:center;align-items:center;gap:.5rem;padding-block:.8rem;transition:background .1s ease-in-out;display:flex}section.skills .show-more:hover{cursor:pointer;background:#00000014}.component.skill-box{box-sizing:border-box;border:1px solid #e9e9e9;flex-direction:column;gap:.5rem;padding-block:2rem;padding-inline:2.5rem;display:flex}@media (max-width:768px){.component.skill-box{padding-inline:1rem}}.component.skill-box .title{color:#0f141a;font-size:1rem;font-weight:500}.component.skill-box p.description{color:#536471}
section.showcase{flex-direction:column;gap:3rem;display:flex}@media (max-width:768px){section.showcase{scroll-snap-type:x mandatory;flex-direction:row;gap:0;overflow:auto}}.component.project-showcase{cursor:pointer;height:20rem;position:relative;overflow:hidden}.component.project-showcase:hover>img{transform:scale(1.05)}.component.project-showcase img{object-fit:cover;object-position:left;width:100%;height:100%;max-height:100%;transition:transform .2s ease-in-out;display:block}@media (max-width:768px){.component.project-showcase{scroll-snap-align:start;width:95%;min-width:95%}.component.project-showcase:hover>img{filter:brightness(.8)}}.component.project-showcase:after{content:"";background:linear-gradient(#0000 70%,#00000080 100%);position:absolute;inset:0}.component.project-showcase .floating-tip{z-index:1;background-color:#fff;border:1px solid #0000001a;border-radius:.7rem;padding:.5rem 1rem;position:absolute;bottom:1rem;left:1rem}
section.more-about{background-color:#f9f9f9;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;flex-direction:column;padding:2.5rem;display:flex}@media (max-width:768px){section.more-about{padding:1rem}}section.more-about .title{color:#272666;margin-bottom:1rem;font-size:1.3rem}section.more-about p{color:#536471}section.more-about span.smaller-title{color:#6b7589;margin-top:1.5rem;font-size:1.1rem}section.more-about div.formation{text-align:center;background:linear-gradient(90deg,#f0f0f0,#f7e9e9,#ffefe9);border-radius:1rem;justify-content:center;align-items:center;margin-top:1rem;padding:3rem 15%;display:flex}@media (max-width:768px){section.more-about div.formation{padding:3rem 5%}}section.more-about div.formation p{background:-webkit-linear-gradient(#ff2a2a,#82372d,#2a2a2a);-webkit-text-fill-color:#0000;-webkit-background-clip:text;font-size:.9rem}
.component.experience .header{align-items:center;gap:.2rem;margin-bottom:1rem;display:flex}.component.experience .header .company{color:#ff2a2a;background-color:#ff2a2a1a;border-radius:.8rem;padding:.2rem .4rem}.component.experience .header .title{color:#6b7589;font-size:12px}section.experience{background-color:#f9f9f9;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;padding:2.5rem}@media (max-width:768px){section.experience{padding:1rem}}section.experience>.title{margin-bottom:1rem;font-size:1.3rem;display:block}section.experience .list{flex-direction:column;gap:1.5rem;display:flex}
section.contact{background-color:#f9f9f9;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;padding-block:1rem;padding-inline:2.5rem}@media (max-width:768px){section.contact{padding:1rem}}section.contact>.title{color:#272666;font-size:1.2rem;display:block}section.contact .description{color:#747198}section.contact form{background-color:#fff;border:1px solid #dadada;border-radius:1rem;flex-direction:column;gap:1rem;margin-top:1rem;padding:1rem;display:flex}section.contact form input,section.contact form textarea{border:1px solid #ededed;border-radius:.3rem;padding:.3rem .5rem}section.contact form textarea{resize:none;height:5rem}section.contact form button{cursor:pointer;color:#fff;background-color:#fc1e1e;border:1px solid #fc1e1e;border-radius:.6rem;justify-content:center;align-items:center;gap:.7rem;padding:.5rem 1rem;display:flex}