@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif;scroll-behavior:smooth}:root{--primary: #fff4e6;--secondary: #fff4e6;--tertiary: #08d9d6;--accent: #ff6f3c;--heading: #3d2525;--text: #635959}h1{all:unset;display:block;font-size:64px;font-weight:700;line-height:1.2;color:var(--heading)}h2{all:unset;display:block;font-size:32px;font-weight:700;color:var(--heading)}h3{all:unset;display:block;font-size:22px;font-weight:600;color:var(--heading)}p{all:unset;display:block;font-size:18px;font-weight:600}@media(max-width:1024px){h1{font-size:48px}h2{font-size:28px}h3{font-size:18px}p{font-size:16px}}@media(max-width:330px){h1{font-size:36px}h2{font-size:24px}h3{font-size:16px}p{font-size:14px}}@media(min-width:1910px){h1{font-size:80px}h2{font-size:48px}h3{font-size:36px}p{font-size:32px}}button,a{all:unset;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;text-decoration:none}section{scroll-margin-top:80px}@media(max-width:480px){section{scroll-margin-top:60px}}body{background-color:var(--primary)}.title{display:flex;align-items:center;gap:16px;width:100%}.title:before,.title:after{content:"";flex:1;height:4px;background-color:var(--accent)}.about{padding:0 4vw}.about img{width:30%;float:right}.about p{padding-top:50px;width:70vw}@media(max-width:1024px)and (min-width:770px){.about p{width:auto}.about img{margin:3vw 1vw 0 0;width:50%}}@media(max-width:770px){.about p{width:100%}.about img{width:40%}}@media(max-width:430px){.about img{display:none}.about{padding:1rem 2vw}}.contact{padding:0 4vw}.contact-container{max-width:600px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.email-link{text-align:center}.email-link h3{word-break:break-word}.sm-links-buttons{display:flex;justify-content:center;align-items:center;gap:1rem}.linkedin-image{width:80px}.github-image{width:70px}.sm-links-buttons img{transition:transform .2s ease-in-out}.sm-links-buttons img:hover{transform:scale(1.1)}.line{width:100%;height:4px;background:var(--accent)}.footer-content{text-align:center;padding:32px 0 64px}.home{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;text-align:center;padding:10rem 4vw 20rem 6vw}.contact-button{color:var(--heading);border:1px solid var(--accent);padding:8px 16px;border-radius:16px;transition:all .2s ease-in}.contact-button:hover{border:1px solid var(--tertiary)}.projects-button{color:var(--heading);border:1px solid var(--tertiary);padding:8px 16px;border-radius:16px;transition:all .2s ease-in-out}.projects-button:hover{background-color:inherit;border:1px solid var(--accent);color:var(--heading)}.buttons{display:flex;justify-content:center;align-items:center;gap:32px}@media(max-width:480px){.home{padding:12rem 4vw 12rem 4vw}}@media(min-width:1910px){.home{padding:20rem 4vw 30rem 4vw}}nav{display:flex;justify-content:space-between;padding:0 4vw;position:sticky;top:0;flex:0 0 1;background-color:var(--primary);transition:box-shadow .3s;z-index:100}nav.scrolled{box-shadow:0 2px 8px #0000001a}.logo{display:flex;gap:8px;padding:8px;font-size:32px;font-weight:600;letter-spacing:.08em}.button{position:relative;display:flex;justify-content:center;align-items:center;gap:8px;font-size:20px;font-weight:600}.button:after{content:"";position:absolute;left:0;bottom:10%;width:0;height:4px;background:var(--accent);transition:width .3s ease}.button:hover:after{width:100%}.button img{width:24px;fill:var(--heading)}.nav-buttons{display:flex;gap:64px;transition:transform .3s ease,opacity .3s ease}@media(max-width:430px){nav{min-height:8vh;position:fixed;inset:auto 0 0;padding:0 2vw;justify-content:center;align-items:center;border-top:1px solid var(--accent);border-bottom:1px solid var(--accent)}.logo{position:fixed;top:0;gap:8px;font-size:24px;background-color:var(--primary);width:100%;letter-spacing:.2em;border-bottom:1px solid var(--accent)}.nav-buttons{gap:14vw}.nav-buttons p{display:none}.button:after{display:none}.button img{width:24px}}@media(max-width:1024px)and (min-width:430px){nav{padding:0 3vw}.logo{gap:8px;font-size:20px;letter-spacing:.1em}.nav-buttons{gap:32px}.button{font-size:18px;font-weight:600}.button img{width:20px}}@media(min-width:1920px){.logo{font-size:48px}.button img{width:32px}}.projects{padding:0 4vw;padding-bottom:2rem;width:100%;overflow:hidden}.project-container{padding-top:4rem;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.project-card{aspect-ratio:1/1;display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center;gap:8px;border:1px solid var(--accent);padding:1rem}.card-title{position:relative}.card-title:after{content:"";position:absolute;left:0;bottom:-5px;height:3px;width:0;background-color:var(--accent);transition:width .3s ease}.project-card:hover>.card-title:after{width:100%}.made-with-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px}.made-with-container img{width:20px}.link-button{color:var(--heading);border:1px solid var(--accent);padding:8px 16px;border-radius:16px;transition:all .2s ease-in}.link-button:hover{border:1px solid var(--tertiary)}@media(max-width:1025px){.project-container{grid-template-columns:repeat(3,1fr)}}@media(max-width:770px){.project-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:430px){.projects{padding:0 2vw;padding-bottom:100px}.project-container{grid-template-columns:repeat(1,1fr)}}.skills{padding:5rem 4vw}.skills-container{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:auto;gap:24px;padding:4rem 10vw 0 10vw}.card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;background-color:var(--secondary);padding:8% 0;transition:transform .3s ease,box-shadow .3s ease}.card img{width:48px}.card span{font-size:20px;font-weight:600;color:var(--heading)}.card:hover{transform:scale(1.05);box-shadow:0 8px 12px #0000001a}@media(min-width:1910px){.skills-container{padding:5rem 5vw 0 0}.card img{width:64px}}@media(max-width:1025px){.skills-container{padding:2rem 5vw 0 0}.card img{width:32px}}@media(max-width:430px){.skills{padding:1rem 2vw}.skills-container{grid-template-columns:repeat(3,1fr)}}