@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100..900;1,100..900&display=swap";*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:hsl(240,12%,13%);color:hsl(210,20%,98%);font-family:Be Vietnam Pro,sans-serif;font-weight:300}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;font-weight:900}h1{font-size:clamp(.5rem,.5rem + 10vw,5rem);max-width:5ch;line-height:1;text-align:center;margin-top:2.9rem}h2{font-size:clamp(1rem,1rem + 1.5vw,4rem)}p{font-size:clamp(1rem,1rem + .2vw,2rem)}.container{width:min(90%,70.5rem);margin-inline:auto;padding-top:clamp(2em,2em + 10vh,10em)}.line{width:240px;height:3px;margin-top:10px;margin-left:23px}.line,.socials-line{background-color:hsl(210,20%,98%)}.socials-line{width:3px;height:150px;margin-inline:auto;margin-top:30px}.hero{height:100vh}.email-section{display:flex;justify-content:flex-end;position:absolute;top:95px;right:0}.email-link{color:hsl(210,20%,98%);text-decoration:none}.name-role{margin-top:150px;margin-bottom:50px}.role{font-size:2.25rem;margin-bottom:2rem}.socials{display:flex;gap:1rem;flex-direction:column;align-items:flex-end;position:absolute;bottom:0;right:0;margin-right:clamp(1rem,5vw,10rem)}.projects-list{display:flex;gap:clamp(2rem,1rem + 5vw,5rem);overflow-x:scroll;white-space:pre-line;-ms-overflow-style:none;scrollbar-width:none}.projects-list::-webkit-scrollbar{display:none}.projects-list div{text-align:center}img{aspect-ratio:1/1;display:block;border-radius:.3rem}.view-projects{background-color:hsl(345,66%,47%);padding:.8rem 1.6rem;border:none;border-radius:5px;color:hsl(210,20%,98%);text-decoration:none;cursor:pointer}.email-section-projects{display:flex;gap:1rem;position:absolute;left:0;margin-top:7rem}.email-section-projects .line{margin-left:0;width:196px}.email-link-projects{color:hsl(210,20%,98%);text-decoration:none}.projects-socials{display:flex;gap:1rem;position:absolute;right:0}.projects-socials-line{width:150px;height:3px;background-color:hsl(210,20%,98%);margin-block:auto}.projects-header{display:flex;justify-content:space-between;margin-bottom:clamp(10rem,2rem + 5vw,30rem);margin-right:0;padding-top:clamp(2em,2em + 2vh,6em)}.projects-container{min-height:100vh}.socials-line{margin-top:0}@media(max-width:768px){.email-section,.socials{display:none}.socials{margin-right:20px}.projects-header{flex-direction:column;align-items:flex-start;gap:2rem}.projects-socials{position:static;flex-direction:row;margin-top:2rem;display:none}.email-section-projects,.projects-socials-line{display:none}}@media(min-width:1200px){.socials{margin-right:clamp(13rem,10vw,50rem)}}