@import url(https://fonts.googleapis.com/css2?family=Karla&family=Poppins:wght@300&display=swap);.container.testimonials__container{width:40%}.client__avatar{aspect-ratio:1/1;border:.3rem solid var(--color-primary-variant);border-radius:50%;margin:0 auto 1rem;overflow:hidden;width:4rem}.testimonial{background:var(--color-bg-variant);border-radius:2rem;padding:2rem;text-align:center}.client__review{color:var(--color-light);display:block;margin:.8rem auto 0;text-align:center;width:80%}@media screen and (max-width:1024px){.container.testimonials__container{width:60%}}@media screen and (max-width:600px){.client__review,.container.testimonials__container{width:var(--container-width-sm)}}.portfolio__container{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(4,1fr);justify-content:center}.portfolio__item{background:var(--color-bg-variant);border:1px solid transparent;border-radius:2rem;padding:1.3rem;transition:var(--transition)}.portfolio__item p{color:var(--color-primary);font-size:small;margin-bottom:2rem;text-align:center}.portfolio__item:hover{background:transparent;border-color:var(--color-primary-variant)}.portfolio__item-image{border-radius:1.5rem;overflow:hidden}.portfolio__item h3{margin-top:1.2rem;text-align:center}.portfolio__item-buttons{display:flex;gap:2rem;justify-content:center}@media screen and (max-width:1300px){.portfolio__container{gap:1.2rem;grid-template-columns:1fr 1fr 1fr;width:80%}}@media screen and (max-width:1024px){.portfolio__container{gap:1.2rem;grid-template-columns:1fr 1fr 1fr;width:80%}}@media screen and (max-width:930px){.portfolio__container{gap:1.2rem;grid-template-columns:1fr 1fr;width:80%}}@media screen and (max-width:600px){.portfolio__container{gap:1rem;grid-template-columns:1fr}}.about__container{grid-gap:20%;display:grid;gap:20%;grid-template-columns:30% 50%}.about__me{aspect-ratio:1/1;background:linear-gradient(45deg,transparent,var(--color-primary),transparent,var(--color-primary));border-radius:2rem;width:100%}.about__me-image{border-radius:2rem;overflow:hidden;scale:1.01;-webkit-transform:rotate(12deg);transform:rotate(12deg);transition:var(--transition)}.about__me-image:hover{-webkit-transform:rotate(0);transform:rotate(0)}.about__cards{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(2,1fr)}.about__card{background:var(--color-bg-variant);border:1px solid transparent;border-radius:1rem;padding:2rem;text-align:center;transition:var(--transition)}.about__card:hover{background:transparent;border-color:var(--color-primary-variant)}.about__icon{color:var(--color-primary);font-size:1.4rem;margin-bottom:1rem}.about__card h5{font-size:.95rem}.about__card small{color:var(--color-light);font-size:.7rem}.about__content p{color:var(--color-light);margin:2rem 0 2.6rem}@media screen and (max-width:1024px){.about__container{gap:2rem;grid-template-columns:1fr}.about__me{margin:2rem auto 4rem;width:50%}.about__content p{margin:1rem 0 1.5rem}}@media screen and (max-width:600px){#about{margin-top:2rem}.about__me{margin:0 auto 3rem;width:65%}.about__cards{gap:2rem;grid-template-columns:1fr 1fr}.about__content{text-align:center}.about__content p{margin:1.5rem 0}}.container.contact__container{grid-gap:12%;display:grid;gap:12%;grid-template-columns:30% 58%;width:58%}.contact__options{display:flex;flex-direction:column;gap:1.2rem}.contact__option{background:var(--color-bg-variant);border:1px solid transparent;border-radius:1.2rem;padding:1.2rem;text-align:center;transition:var(--transition)}.contact__option:hover{background:transparent;border-color:var(--color-primary-variant)}.contact__option-icon{font-size:1.5rem;margin-bottom:.5rem}.contact__option a{display:inline-block;font-size:.8rem;margin-top:.7rem}form{display:flex;flex-direction:column;gap:1.2rem}input,textarea{background:transparent;border:2px solid var(--color-primary-variant);border-radius:.5rem;color:var(--color-white);padding:1.5rem;resize:none;width:100%}@media screen and (max-width:1024px){.container.contact__container{gap:2rem;grid-template-columns:1fr}}@media screen and (max-width:600px){.container.contact__container{width:var(--container-width-sm)}}.experience__container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;justify-content:center}.experience__container>div{background:var(--color-bg-variant);border:1px solid transparent;border-radius:2rem;padding:2.4rem 5rem;transition:var(--transition)}.experience__container>div:hover{background:transparent;border-color:var(--color-primary-variant)}.experience__container>div h3{color:var(--color-primary);margin-bottom:2rem;text-align:center}.experience__content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.experience__details{display:flex;gap:1rem}@media screen and (max-width:1024px){.experience__container{grid-template-columns:1fr}.experience__container>div{margin:0 auto;padding:2rem;width:70%}.experience__content{padding:1rem}}@media screen and (max-width:600px){.experience__container{gap:1.5rem}.experience__container>div{width:100%}}header{height:100vh;overflow:hidden;padding-top:3rem}.header__container{height:100%;position:relative;text-align:center}.cta{display:flex;gap:1.2rem;justify-content:center;margin-top:2.5rem}.header__socials{align-items:center;bottom:0;display:flex;flex-direction:column;font-size:1.5rem;gap:.8rem;left:0;position:absolute}.header__socials:after{background:var(--color-primary);content:"";height:7rem;width:1px}.me{border-radius:12rem 12rem 0 0;box-shadow:2px 2px 18px 4px var(--color-primary);left:calc(50% - 20rem);margin-top:4rem;overflow:hidden;position:absolute;width:40rem}.scroll__down{bottom:7rem;font-size:.9rem;position:absolute;right:-2.3rem;-webkit-transform:rotate(90deg);transform:rotate(90deg)}@media screen and (max-width:1024px){header{height:100vh}}@media screen and (max-width:850px){.header__socials,.scroll__down{display:none}}@media screen and (max-width:700px){header{height:100vh}.me{left:2%;width:96%}.me img{height:82%}}footer{background:var(--color-primary);font-size:.9rem;margin-top:7rem;padding:3rem 0;text-align:center}footer a{color:var(--color-bg)}.footer__logo{display:inline-block;font-size:2rem;font-weight:500;margin-bottom:2rem}.permalinks{flex-wrap:wrap;gap:2rem;margin:0 auto 2rem}.footer__socials,.permalinks{display:flex;justify-content:center}.footer__socials{gap:1rem;margin-bottom:5.5rem}.footer__socials a{background:var(--color-bg);border:1px solid transparent;border-radius:.7rem;color:var(--color-white);display:flex;padding:.8rem}.footer__socials a:hover{background:transparent;border-color:var(--color-bg);color:var(--color-bg)}.footer__copyright{color:var(--color-bg);margin-bottom:-2.4rem}@media screen and (max-width:600px){.permalinks{flex-direction:column;gap:1.5rem}.footer__socials{margin-bottom:4rem}}nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.3);border-radius:2rem;bottom:2rem;justify-content:center;left:50%;padding:0 1.5rem;position:fixed;-webkit-transform:translate(-50%);transform:translate(-50%);width:-webkit-max-content;width:max-content;z-index:2}nav,nav ul{display:flex}nav ul li{position:relative;width:60px;z-index:1}nav ul li a{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}nav ul li a,nav ul li a .icon{position:relative;text-align:center}nav ul li a .icon{color:var(--color-light);display:block;font-size:1.5rem;line-height:60px;transition:.5s}nav ul li a .icon:hover~.text{color:var(--color-primary-variant)}nav ul li.active a .icon{color:var(--color-bg);-webkit-transform:translateY(-26px);transform:translateY(-26px)}nav ul li a .text{color:var(--color-light);font-size:.7rem;opacity:0;position:absolute;-webkit-transform:translateY(20px);transform:translateY(20px);transition:.5s}nav ul li.active a .text{opacity:1;-webkit-transform:translateY(7px);transform:translateY(7px)}.indicator{background:var(--color-primary);border:4px solid var(--color-bg);border-radius:50%;height:60px;position:absolute;top:-50%;transition:.5s;width:60px}nav ul li:first-child.active~.indicator{-webkit-transform:translateX(0);transform:translateX(0)}nav ul li:nth-child(2).active~.indicator{-webkit-transform:translateX(60px);transform:translateX(60px)}nav ul li:nth-child(3).active~.indicator{-webkit-transform:translateX(120px);transform:translateX(120px)}nav ul li:nth-child(4).active~.indicator{-webkit-transform:translateX(180px);transform:translateX(180px)}nav ul li:nth-child(5).active~.indicator{-webkit-transform:translateX(240px);transform:translateX(240px)}nav ul li:nth-child(6).active~.indicator{-webkit-transform:translateX(300px);transform:translateX(300px)}.nav1{background:var(--color-primary);border-radius:.4rem;display:grid;height:3.4rem;justify-content:center;place-items:center;position:relative;right:0;top:0;width:72vw;z-index:10}.nav__toggle-btn{display:none}.container__nav{display:flex;justify-content:space-evenly;margin:0 auto;max-width:1920px;width:80vw}.nav__container{align-items:center;display:flex;height:100%;position:relative}.logo{object-fit:contain;width:2rem}.nav__links{align-items:center;color:var(--color-bg);display:flex;gap:3.5rem;transition:.5s}.nav__links a{color:var(--transition);font-weight:600;padding:0 5px;transition:.5s}.nav1__li{width:auto}.nav__links a:hover{background-color:var(--color-bg-variant);border-radius:.4rem;color:var(--color-primary);padding:0 5px}.active-nav{align-items:center;border-radius:.4rem;position:relative;transition:.5s}.active-nav:after{background:var(--color-primary);content:"";display:block;height:1.2rem;left:calc(50% - .6rem);margin-top:.9rem;position:absolute;top:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:.5s;width:1.2rem;z-index:-1}@media screen and (max-width:1024px){.nav__toggle-btn{background:transparent;cursor:pointer;display:flex;font-size:1.5rem;vertical-align:middle}.nav__toggle-btn svg{color:var(--color-gray-100)}.nav__links{border-radius:.4rem;flex-direction:column;gap:0;-webkit-perspective:400px;perspective:400px;position:absolute;top:100%}.active-nav,.active-nav:after{display:none}.nav__links li{-webkit-animation:navAnimation .6s ease forwards;animation:navAnimation .6s ease forwards;border-radius:.4rem;box-shadow:-2rem 2rem 5rem rgba(0,0,0,.4);height:4rem;opacity:0;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:top;transform-origin:top;width:100%}.nav__links li:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.nav__links li:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}.nav__links li:nth-child(4){-webkit-animation-delay:.6s;animation-delay:.6s}.nav__links li:nth-child(5){-webkit-animation-delay:.8s;animation-delay:.8s}.nav__links li:nth-child(6){-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes navAnimation{to{opacity:1;-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes navAnimation{to{opacity:1;-webkit-transform:rotate(0);transform:rotate(0)}}.nav__links li a{align-items:center;background-color:var(--color-primary);border-radius:.4rem;display:flex;height:100%;padding:1rem 3.5rem;width:100%}.show__nav{display:flex}.hide__nav{display:none}}*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--color-bg:#0b0c10fb;--color-bg-variant:#1f2833;--color-primary:#66fcf1;--color-primary-variant:#45a29e;--color-white:#c5c6c7;--color-light:#c5c6c7;--transition:all 400ms ease;--container-width-lg:75%;--container-width-md:86%;--container-width-sm:90%}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}body{background:#0b0c10fb;background:var(--color-bg);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKcWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuZGFiYWNiYiwgMjAyMS8wNC8xNC0wMDozOTo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMi0wMS0xN1QxODo0NzozMVoiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMDEtMTlUMTA6NDE6MzBaIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0wMS0xOVQxMDo0MTozMFoiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRkZmE3YzdlLTljMjMtZGY0NS1hNjE3LTI1ZmIxN2MwYzI2YiIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjQ1NzM3ODMzLTZkNDMtZTU0Yy05ZGJlLTkzM2ZjN2QyNWQ2MSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmFkZWMyZmNmLTBlN2MtYmY0NC04MjdhLTYyN2IxOTdkODg1ZiIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB0aWZmOk9yaWVudGF0aW9uPSIxIiB0aWZmOlhSZXNvbHV0aW9uPSI3MjAwMDAvMTAwMDAiIHRpZmY6WVJlc29sdXRpb249IjcyMDAwMC8xMDAwMCIgdGlmZjpSZXNvbHV0aW9uVW5pdD0iMiIgZXhpZjpDb2xvclNwYWNlPSIxIiBleGlmOlBpeGVsWERpbWVuc2lvbj0iMTYiIGV4aWY6UGl4ZWxZRGltZW5zaW9uPSIxNiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YWRlYzJmY2YtMGU3Yy1iZjQ0LTgyN2EtNjI3YjE5N2Q4ODVmIiBzdEV2dDp3aGVuPSIyMDIyLTAxLTE3VDE4OjQ3OjMxWiIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphMTc3MmY0ZS1jZGNkLTcyNDYtYjYyNi1kNzRlNWQxMGZiYmQiIHN0RXZ0OndoZW49IjIwMjItMDEtMThUMTc6MjBaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuNCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmJkMmQ3ZDMyLTU2YWEtNTY0OS04NDdmLTBmMWYzZThmMGJkYiIgc3RFdnQ6d2hlbj0iMjAyMi0wMS0xOVQxMDo0MTozMFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY29udmVydGVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJkZXJpdmVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJjb252ZXJ0ZWQgZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NGRmYTdjN2UtOWMyMy1kZjQ1LWE2MTctMjVmYjE3YzBjMjZiIiBzdEV2dDp3aGVuPSIyMDIyLTAxLTE5VDEwOjQxOjMwWiIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiZDJkN2QzMi01NmFhLTU2NDktODQ3Zi0wZjFmM2U4ZjBiZGIiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpiNTQwNjllOC1iYmI1LWJhNGYtOGQ0Ny1kMWM2OWIwZDEwNDQiIHN0UmVmOm9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphZGVjMmZjZi0wZTdjLWJmNDQtODI3YS02MjdiMTk3ZDg4NWYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7hJkGIAAAAgUlEQVQ4jaWTSwqAMAwFxxp15ff+VxQ/O1GsGwUpttr4IMuZFJqHMUIglWSFWGvxjQnADdBu67KFNvgE9TmveRLU5/ZPcQVRsCuIhu8CFQwgQAeUGvh6QaKFL0EPTH8EAKNWcv8FlcS9g2jJ0yVGSXxdGIH5iyDU5QHYU8kF8DbyAFHyKD3LdWDGAAAAAElFTkSuQmCC);color:#c5c6c7;color:var(--color-white);font-family:Poppins,sans-serif;line-height:1.7}.container{margin:0 auto;width:75%;width:var(--container-width-lg)}h1,h2,h3,h4,h5{font-weight:500}h1{font-size:2.5rem}section{margin-top:8rem}section>h2,section>h5{color:#c5c6c7;color:var(--color-light);text-align:center}section>h2{color:#66fcf1;color:var(--color-primary);margin-bottom:3rem}.text-light{color:#c5c6c7;color:var(--color-light)}a{color:#66fcf1;color:var(--color-primary);transition:all .4s ease;transition:var(--transition)}a:hover{color:#c5c6c7;color:var(--color-white)}.btn{border:1px solid #66fcf1;border:1px solid var(--color-primary);border-radius:.4rem;color:#66fcf1;color:var(--color-primary);cursor:pointer;display:inline-block;padding:.75rem 1.2rem;transition:all .4s ease;transition:var(--transition);width:-webkit-max-content;width:max-content}.btn:hover{background:#c5c6c7;background:var(--color-white);border-color:transparent}.btn-primary,.btn:hover{color:#0b0c10fb;color:var(--color-bg)}.btn-primary{background:#66fcf1;background:var(--color-primary)}img{display:block;object-fit:cover;width:100%}@media screen and (max-width:1024px){.container{width:86%;width:var(--container-width-md)}section{margin-top:6rem}}@media screen and (max-width:600px){.container{width:90%;width:var(--container-width-sm)}section>h2{margin-bottom:2rem}}
/*# sourceMappingURL=main.7da1746c.css.map*/