:root{--text: #0c090b;--text-primary: #fff;--text-secondary: #0c090b;--background: #fff;--primary-button: #000000;--secondary-button: #ffffff;--accent: #6a4fc9;--main-width:calc(100vw - 10rem);--font-family: "Work Sans", sans-serif;--font-weight-sm: 400;--font-weight-md: 600;--font-weight-lg: 700;--font-size-medium: 1.5rem;--font-size-small: 1.3rem;--link-font-size: 1.2rem;font-family:var(--font-family);scroll-behavior:smooth;--breakpoint-tablet: 768px;--breakpoint-mobile: 630px;--breakpoint-desktop: 1024px}.bio-container{width:var(--main-width);margin:0 auto;background-color:var(--background)}h2{margin:0;font-size:1.5rem}h3{font-size:1.2rem}section{padding-top:2rem;margin:2rem 0}section .title{text-align:center}section .title hr{height:2px;background-color:#000;margin-bottom:-2.6rem}section .title h2{font-size:2.5rem;display:inline-block;padding:1rem 2rem;background-color:#fff}article .icon{display:flex;align-items:center;color:#fff;background-color:#000;border-radius:100%;padding:2rem;height:1rem;width:1rem;margin-bottom:2rem}header{display:flex;align-items:center}nav{flex:2;display:flex;align-items:center;justify-content:flex-end}.logo a{color:var(--text);text-decoration:none}.nav__list{flex:1;display:flex;list-style:none;align-items:center;justify-content:flex-end}.list__item{margin:10px;padding:10px}.list__item a{text-decoration:none;font-weight:var(--font-weight-lg);font-size:var(--link-font-size);color:var(--text)}.list__item a:hover,:focus-visible{cursor:pointer;border-bottom:2px solid #000}main{margin-top:1rem}.bio{display:flex}.bio__wrapper{flex:2;padding-right:4rem}.bio__text{margin-top:3rem}.bio__text p{line-height:1.5;font-size:var(--font-size-medium)}.bio__group{margin-top:3.5rem;display:flex;align-items:center;justify-content:flex-start}.bio__group button{font-size:var(--font-size-medium);padding:15px 30px;border-radius:5px;border:1px solid #f1f1f1;margin-right:5px}.bio__group button:hover,:focus-visible{cursor:pointer;outline:2px solid #000}.bio__group button:active{cursor:pointer;outline:2px solid #000}.primary{background-color:var(--primary-button);color:var(--text-primary)}.bio__group .primary:hover{background-color:#222}.secondary{background-color:var(--secondary-button);color:var(--text-secondary)}.bio__group .secondary:hover{background-color:#eee}.bio__picture img{border-radius:10px;box-shadow:0 5px 15px #0003}.bio span{white-space:nowrap}.services{padding-top:3rem;margin-top:5.5rem}.services .wrapper{display:flex;flex-wrap:wrap;justify-content:space-evenly;justify-items:center;margin-top:2rem}.services .wrapper article>*{margin-top:0}.services .wrapper article>p{text-align:justify}.services .wrapper article h3{font-size:var(--font-size-medium)}.services .wrapper article{width:25%;min-width:250px;font-size:var(--font-size-small);padding:1rem 1.5rem;border:1px solid #e1e1e1;border-radius:10px;line-height:1.5;display:flex;flex-direction:column;align-items:center;margin:.5rem}.projects .wrapper{display:flex;justify-content:center;margin-top:2rem;flex-wrap:wrap;gap:1rem}.projects .wrapper .project__card>*{margin-top:0}.projects .wrapper .project__card>p{text-align:justify}.project__card{font-size:var(--font-size-small);border:1px solid #e1e1e1;border-radius:10px;line-height:1.5;max-width:400px}.project__card .card__image{padding:1rem;height:250px;display:flex;flex-direction:column;justify-content:center}.project__card .card__image img{width:100%;object-fit:contain;border-radius:10px 10px 0 0}.project__card .card__details{padding:1rem;box-sizing:border-box}.project__card .card__details .tech-used{display:flex;align-content:center;align-items:center;padding:0 .5rem;font-size:1rem;border-left:4px solid #6a4fc9;min-height:50px;border-radius:5px;margin-bottom:10px}.project__card .card__actions{width:100%;display:flex;flex-wrap:wrap;justify-content:end;align-items:start;padding:1rem;box-sizing:border-box}.project__card .card__actions a{flex:1;margin:5px}.project__card .card__actions button{width:100%;font-size:var(--font-size-small);padding:15px 30px;border-radius:5px;border:1px solid #f1f1f1}.project__card .card__actions button:hover,:focus-visible{cursor:pointer;outline:2px solid #000}.card__actions button:active{cursor:pointer;outline:2px solid #000}.project__card .primary{background-color:var(--primary-button);color:var(--text-primary)}.project__card .card__actions .primary:hover{background-color:#222}.project__card .card__actions .secondary{background-color:var(--secondary-button);color:var(--text-secondary)}.project__card .card__actions .secondary:hover{background-color:#eee}.get__started{padding:2rem 1rem;display:flex;justify-content:center}.get__started .wrapper{display:flex;flex-wrap:wrap;padding:1rem 2rem;background-color:#141c3a;box-shadow:0 5px 5px #0003,0 0 0 1px #141c3a;color:#fff;align-items:center;justify-content:center;border-radius:10px}.get__started .wrapper>*{flex:1;min-width:300px;margin:1rem}.get__started .wrapper h2{font-size:2rem}.get__started .wrapper h3{font-size:1.5rem;line-height:2}.get__started .wrapper .card__button a{padding:1rem 3rem;border:2px solid #fff;background-color:#000;color:#fff;border-radius:3rem;font-size:var(--font-size-medium);cursor:pointer;text-decoration:none}.get__started .wrapper .card__button a:hover,:focus-visible{background-color:#fff;color:#000;transition:all .5s ease-in}.contact{display:flex;flex-direction:column;flex-wrap:wrap}.contact>*{margin:1rem}.contact .wrapper{display:flex;justify-content:space-evenly;flex-wrap:wrap}.contact__item{padding:1.5rem;margin:1rem;border:1px solid #e1e1e1;border-radius:10px;min-width:200px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:column}footer{text-align:center}@media (max-width: 486px){section{padding-top:0;margin:0}.bio-container{width:100vw;margin:0 auto;padding:5px}header{margin-top:2rem;display:flex;flex-direction:column;justify-content:center}nav{display:none}.bio{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}.bio__wrapper{padding-right:0}.bio__wrapper h2{font-size:1rem}.bio__wrapper .bio__text{margin-top:1rem}.bio__wrapper .bio__text p{font-size:1rem}.bio__picture img{display:none}.bio__group{margin-top:1.5rem;display:flex;flex-direction:column;gap:10px}.bio__group a{width:100%}.bio__group button{width:100%;font-size:1.1rem;padding:15px 30px;border-radius:5px;border:1px solid #f1f1f1;margin-right:5px}.project__card{min-width:250px}.contact>*{margin:0}.get__started .wrapper{display:flex;flex-direction:column;width:calc(100vw - 1rem);padding:.5rem;padding:1rem}.get__started .wrapper .card__button button{padding:.5rem 1rem;border:2px solid #fff;background-color:#000;color:#fff;border-radius:2rem;font-size:var(--font-size-medium);cursor:pointer}.get__started .wrapper h2{font-size:1.5rem}.get__started .wrapper h3{font-size:1rem;line-height:2}}@media (min-width: 486px) and (max-width: 768px){section{padding-top:0;margin:0}.bio-container{width:calc(100vw - 3rem);margin:0 auto;padding:5px}header{margin-top:2rem;display:flex;flex-direction:column;justify-content:center}nav{display:none}.bio{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}.bio__wrapper{padding-right:0}.bio__wrapper .bio__text{margin-top:1rem}.bio__picture img{display:none}.bio__group{margin-top:1.5rem;display:flex;flex-direction:column;gap:10px}.bio__group a{width:100%}.bio__group button{width:100%;font-size:1.1rem;padding:15px 30px;border-radius:5px;border:1px solid #f1f1f1;margin-right:5px}.project__card{min-width:250px}.contact>*{margin:0}.get__started .wrapper{display:flex;flex-direction:column;width:calc(100vw - 2rem);padding:.5rem}.get__started .wrapper div{flex:1;min-width:200px;margin:.5rem}.get__started .wrapper h2{font-size:1.5rem}.get__started .wrapper h3{font-size:1rem;line-height:2}.get__started .wrapper .card__button a{padding:.5rem 1rem;border:2px solid #fff;background-color:#000;color:#fff;border-radius:3rem;font-size:var(--font-size-medium);cursor:pointer}}@media (min-width: 768px) and (max-width: 1148px){header{margin-top:3rem;display:flex;flex-direction:column;justify-content:center}.container{width:calc(100vw - 4rem);margin:0}.bio{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}.bio__wrapper{padding:0}.bio__group{justify-content:center}}