.portfolio{display:flex;flex-direction:column;align-items:center;justify-content:start;text-align:center;background-color:#f4f5f6;padding:50px 0;position:relative}@media (min-width:768px){.portfolio{text-align:initial;padding:150px 50px 50px;justify-content:start;height:100vh}}@media (min-width:1200px){.portfolio{padding:150px 100px 50px;min-height:670px}}.portfolio__intro{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}@media (min-width:768px){.portfolio__intro{justify-content:start}}.portfolio__intro p{font-size:14px;text-transform:uppercase;margin-bottom:0}.portfolio__deco{border-top:1px solid var(--brand);height:1px;width:50px}.portfolio__text{margin-top:30px;margin-bottom:50px}.portfolio__links{padding:0 40px;bottom:40px}@media (min-width:768px){.portfolio__links{position:absolute;width:100%}}.portfolio__link{display:none}@media (min-width:768px){.portfolio__link{color:var(--secondtextcolor);font-weight:600;display:inline-block;margin-top:10px;margin-bottom:26px;border-bottom:2px solid transparent;padding-bottom:2px}}.portfolio__link:hover{color:var(--brand);border-color:var(--brand)}.portfolio__connect__links{width:100%}.portfolio__connect__link{background-color:#424242;border-radius:100px;font-size:18px;padding:8px}@media (min-width:768px){.portfolio__connect__link{border:1px solid #fff;background-color:#fff;color:#000;font-size:18px;padding:10px;border-radius:10px;flex:1 1;display:block}}.portfolio__name-links{display:none}@media (min-width:768px){.portfolio__name-links{display:inline}}.portfolio__connect__link:hover{border-color:var(--brand)}.portfolio__connect__link svg{color:#fff}@media (min-width:768px){.portfolio__connect__link svg{color:var(--brand)}}.title{font-size:30px;letter-spacing:2;font-weight:600;line-height:1.4;text-transform:capitalize;margin-bottom:20}@media (min-width:768px){.title{font-size:42px}}@media (min-width:1200px){.title{font-size:58px}}.profile{background-image:url(/_next/static/media/profile.48dcc075.webp);background-size:cover;background-position:50%;height:50dvh;position:relative;display:flex;flex-direction:column;justify-content:flex-end}@media (min-width:768px){.profile{height:100vh;min-height:670px}}.profile__icon{margin-right:5px}.profile__photo{height:400px;width:200px;position:absolute;left:50%;top:20%;transform:translate(-50%,-50%)}.profile__photo img{width:320px;height:auto;top:180px;position:absolute}.profile__desc{visibility:hidden}@media (min-width:768px){.profile__desc{padding-left:30px;padding-bottom:30px;color:#fff;visibility:visible}}.profile__name{color:inherit;font-size:40px;line-height:normal}.profile__fullname{font-weight:600;max-width:100px}.profile__email{font-size:16px;padding-bottom:8px;border-bottom:2px dotted #fff}.technologies{background-color:#fff;flex-direction:column;align-items:center;padding:60px 0}.technologies,.technologies__icons{display:flex;justify-content:center}.technologies__icons{color:#424242;font-size:50px;flex-wrap:wrap;gap:40px;max-width:1200px;margin:auto}.heading{text-align:center}.heading__title{font-size:24px;font-weight:600;margin-bottom:25px;text-transform:capitalize}@media (min-width:768px){.heading__title{font-size:40px}}.heading__subtitle{display:block;font-size:12px;font-weight:400;margin-bottom:20px;text-transform:uppercase}@media (min-width:768px){.heading__subtitle{font-size:16px}}.heading__decoration{border:1px solid var(--brand);height:2px;margin:auto auto 20px;width:150px}@media (min-width:768px){.heading__decoration{font-size:16px;margin-bottom:50px}}.projects{padding:60px 0;background-color:#f4f5f6;text-align:center}.projects__boxes{display:grid;grid-template-columns:1fr;justify-content:center;align-items:start;margin-bottom:50px;grid-gap:30px;gap:30px}@media (min-width:1200px){.projects__boxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));flex-direction:row;grid-gap:60px;gap:60px}}.project__image{border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);object-fit:cover;object-position:top;width:100%;height:auto;aspect-ratio:2/1;transition:transform .5s ease;transform-origin:center}@media (min-width:768px){.project__image{width:550px}}@media (min-width:1200px){.project__image{width:100%}}.project__image__wrapper{position:relative;margin-bottom:24px}.project__image__overlay{position:absolute;background-color:hsla(0,0%,100%,.7);top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transition:all .3s ease;&:hover{opacity:1}}.project__button{background-color:#000;color:#fff;padding:16px;font-weight:600;width:150px;transition:all .3s ease;&:hover{background-color:var(--brand)}}.project__button--secondary{background-color:#fff;border:1px solid var(--brand);color:var(--brand);&:hover{background-color:var(--brand);color:#fff}}.project__text{text-align:center;@media (min-width:1200px){text-align:left}}.project__title{font-size:1.3rem;margin-bottom:12px;color:#333;transition:color .3s ease}.project__desc{font-size:1rem;color:#666;line-height:1.5;margin:0 0 16px}.project__link{color:var(--brand);text-decoration:underline}.project__tech{font-size:14px;margin-bottom:.5rem}.contact{background-color:#f4f5f6;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:60px 0}@media (min-width:768px){.contact{padding:160px 0}}.contact__text{font-size:32px;font-weight:600;margin-bottom:20px}.contact__button{border:1px solid #fff;background-color:#fff;color:#000;font-size:18px;padding:10px;border-radius:10px;display:inline-block}.contact__buttons{display:flex;flex-direction:row}.button-link{background-color:var(--brand);border:1px solid;border-radius:24px;color:#fff;display:inline-block;font-weight:600;padding:16px 24px;text-transform:capitalize;line-height:1rem}.button-link:hover{background-color:var(--hover)}.button-link svg{margin-left:10px}.about{padding:60px 0}.about .img-fluid{max-width:300px;height:auto;border-radius:20px}@media (max-width:576px){.about .img-fluid{max-width:160px;margin-bottom:1.5rem}}