@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}a{text-decoration:none}html{scroll-behavior:smooth}body{font-family:"Poppins",sans-serif}.container{max-width:1204px;margin:0 auto}.section{display:flex;flex-direction:column;gap:50px;scroll-margin-top:80px;margin-top:100px;margin-bottom:100px}.section .section-title,.section .section-paragraph{text-align:center}.section .section-title{font-size:48px;font-weight:700;color:#42446e}.section .section-paragraph{color:#777;font-size:32px}@media(max-width: 1228px){.container{padding:0px 12px}}header{position:sticky;display:flex;align-items:center;justify-content:space-between;top:0;background-color:#fff;height:80px}header .header-content{height:60px;width:100%;display:flex;justify-content:space-between;align-items:center}header .header-content .logo{display:block;font-size:36px;font-weight:700;letter-spacing:-1px;line-height:60px;background:linear-gradient(90deg, rgb(19, 176, 245) 0%, rgb(231, 15, 170) 100%);background-clip:text;color:rgba(0,0,0,0)}header .header-content .header-links{display:flex;column-gap:50px}header .header-content .header-links .navigation,header .header-content .header-links .header-icons{display:flex;align-items:center}header .header-content .header-links .navigation{column-gap:60px}header .header-content .header-links .navigation a{display:block;color:#777;line-height:26px;font-size:22px;cursor:pointer}header .header-content .header-links .header-icons{column-gap:20px}header .header-content .header-links .header-icons img{display:block;width:30px;height:30px;cursor:pointer}header .header-content .burger-menu{display:none;font-size:30px;letter-spacing:4px;cursor:pointer;color:#777;transform:rotate(90deg)}@media(max-width: 950px){header .header-content .header-links{column-gap:20px}header .header-content .header-links .navigation{column-gap:30px}}@media(max-width: 768px){header .header-content .header-links{display:none}header .header-content .burger-menu{display:block}}.hero{display:flex;justify-content:space-between;align-items:center;min-height:calc(100vh - 160px);padding-top:20px}.hero .hero-text{font-size:58px;font-weight:700;letter-spacing:-1px;color:#42446e;line-height:70px}.hero .hero-text .hello{display:flex;flex-direction:column;justify-content:center;align-items:start}.hero .hero-text .name{background:linear-gradient(90deg, rgb(19, 176, 245) 0%, rgb(231, 15, 170) 100%);background-clip:text;color:rgba(0,0,0,0)}.hero .avatar-wrapper{width:350px;height:350px;flex-shrink:0;border-radius:50%;padding:9px;background:linear-gradient(180deg, rgb(231, 15, 170) 0%, rgb(0, 192, 253) 100%);display:inline-block}.hero .avatar-wrapper .avatar{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;border-radius:50%}@media(max-width: 768px){.hero{flex-direction:column;row-gap:20px}.hero .avatar-wrapper{width:300px;height:300px;order:1}.hero .hero-text{order:2;font-size:36px}.hero .hero-text .hello{flex-direction:row;gap:10px;justify-content:center;text-align:center}.hero .hero-text .name{text-align:center;font-size:52px}}.tech-stack .stack-logos{display:flex;flex-wrap:wrap;justify-content:center}.tech-stack .stack-logos .stack-logo{margin:10px;width:120px;height:120px}.tech-stack .stack-logos .stack-logo img{width:100%;height:100%;object-fit:contain}@media(max-width: 780px){.tech-stack .stack-logos .stack-logo{width:90px;height:90px}}.projects .projects-list{display:grid;grid-template-columns:auto;padding:5px;gap:45px;justify-content:center}.projects .projects-list .project{display:flex;flex-direction:column;background-color:#f1f1f1;color:#000;font-size:30px;text-align:center;max-width:375px;border-radius:20px;overflow:hidden}.projects .projects-list .project .cover-container{width:100%;height:260px}.projects .projects-list .project .cover-container .cover{width:100%;height:100%;object-fit:cover}.projects .projects-list .project .project-content-container{padding:20px;display:flex;row-gap:20px;flex-direction:column;justify-content:space-between;flex:1}.projects .projects-list .project .project-content-container h2{font-size:28px;font-weight:500}.projects .projects-list .project .project-content-container p,.projects .projects-list .project .project-content-container h3{font-size:18px;line-height:26px;font-weight:400;color:#777;text-align:start}.projects .projects-list .project .project-content-container h3{display:flex;flex-direction:column;column-gap:10px}.projects .projects-list .project .project-content-container h3 label{font-weight:500;color:#42446e;white-space:nowrap}.projects .projects-list .project .project-content-container h3 ul{display:flex;flex-wrap:wrap}.projects .projects-list .project .project-content-container .links-container{display:flex;justify-content:space-between}.projects .projects-list .project .project-content-container .links-container .project-link{display:flex;column-gap:12px;align-items:center}.projects .projects-list .project .project-content-container .links-container .project-link .project-link-icon{width:20px;height:20px;display:block}.projects .projects-list .project .project-content-container .links-container .project-link span{text-decoration:underline;font-size:16px;line-height:26px;color:#000}@media(min-width: 576px){.projects .projects-list{grid-template-columns:auto auto}}@media(min-width: 768px){.projects .projects-list{grid-template-columns:auto auto auto}}