@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap";*{font-family:Poppins,sans-serif;box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}.section__padding{padding:1.5rem 4rem}.section__margin{margin:2rem 4rem}.gradient__text{background-image:linear-gradient(89.97deg,#AE67FA 1.84%,#F49867 102.67%);background-clip:text;-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient__button{background:-moz-radial-gradient(circle at 1% 102%,rgb(174,103,250) 0%,rgb(244,152,103) 99%);background:-webkit-radial-gradient(circle at 1% 102%,rgb(174,103,250) 0%,rgb(244,152,103) 99%);background:-o-radial-gradient(circle at 1% 102%,rgb(174,103,250) 0%,rgb(244,152,103) 99%);background:-ms-radial-gradient(circle at 1% 102%,rgb(174,103,250) 0%,rgb(244,152,103) 99%);background:radial-gradient(circle at 1% 102%,rgb(174,103,250) 0%,rgb(244,152,103) 99%)}.gradient__background{background:-moz-radial-gradient(circle at 3% 25%,rgb(0,40,83) 0%,rgb(4,12,24) 25%);background:-webkit-radial-gradient(circle at 3% 25%,rgb(0,40,83) 0%,rgb(4,12,24) 25%);background:-o-radial-gradient(circle at 3% 25%,rgb(0,40,83) 0%,rgb(4,12,24) 25%);background:-ms-radial-gradient(circle at 3% 25%,rgb(0,40,83) 0%,rgb(4,12,24) 25%);background:radial-gradient(circle at 3% 25%,rgb(0,40,83) 0%,rgb(4,12,24) 25%)}a{color:unset;text-decoration:none}.scale-up-tr{-webkit-animation:scale-up-tr .4s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-tr .4s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes scale-up-tr{0%{-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:100% 0%;transform-origin:100% 0%}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:100% 0%;transform-origin:100% 0%}}@keyframes scale-up-tr{0%{-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:100% 0%;transform-origin:100% 0%}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:100% 0%;transform-origin:100% 0%}}.navbar{display:flex;flex-direction:row;justify-content:space-between;width:100%;min-width:320px;height:120px}.navbar__logo .logo{height:50px;width:50px;margin:1rem}.navbar__links{display:flex;flex-direction:row;align-items:center}.navbar__links p a{color:#81afdd;font-size:20px;padding:1rem}.navbar__links p a:hover{color:#fff}.navbar__menu{margin-left:1rem;display:none}.navbar__menu-container{position:absolute;top:100px;right:50px}.navbar__menu-container .navbar__menu-container-links{border-radius:8px;background:#031B34;display:flex;flex-direction:column;text-align:end;justify-content:space-evenly;color:#81afdd;padding:1.5rem}.navbar__menu-container .navbar__menu-container-links p{font-size:20px;margin:1rem .5rem}@media screen and (max-width: 960px){.navbar__menu{display:flex;justify-content:center;align-items:center}}@media screen and (max-width: 960px){.navbar__links{display:none}}@media screen and (min-width: 1500px){.navbar{padding-right:5rem;padding-left:5rem}}@media screen and (min-width: 1800px){.navbar{padding-right:10rem;padding-left:10rem}}.home{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:3.5rem 3rem}.home .home__content{display:flex;flex-direction:column;margin:1.5rem;width:50%}.home .home__content h1{font-size:58px;font-weight:600}.home .home__content p{font-size:24px;color:#81afdd;margin:.2rem}.home .home__content .tech__container{display:flex;margin:.5rem 0;justify-content:flex-start;align-items:center;padding:.5rem 0;gap:15px}.home .home__content .tech__container img{margin:auto 5px;width:40px;height:40px}.home .home__content .btn{margin:1rem;margin-left:0;display:flex;flex-direction:row;align-items:center}.home .home__content .btn .btn__contact{padding:.5rem 1.5rem;border:none;font-size:1.2rem;border-radius:10px;cursor:pointer}.home .home__content .btn .btn__contact:hover{color:#fff}.home .home__content .btn .btn__icons{margin-left:1rem}.home .home__content .btn .btn__linkedin,.home .home__content .btn .btn__github,.home .home__content .btn .btn__twitter{margin:0 .6rem;cursor:pointer}.home .images{display:flex;justify-content:center;align-items:center;width:500px;height:530px}.home .images img{width:100%;height:100%}@media screen and (max-width: 960px){.home{padding:1rem 3rem}.home .home__content h1{font-size:38px}.home .home__content p{font-size:16px}.home .images{margin-left:2rem;height:400px}.home .images img{padding:2rem auto}}@media screen and (max-width: 960px){.home{flex-direction:column}.home .home__content{width:80%;text-align:center}.home .home__content h1{font-size:42px}.home .home__content p{font-size:20px}.home .home__content .btn{display:flex;justify-content:center}.home .images{height:500px}}@media screen and (min-width: 1500px){.home{padding-right:5rem;padding-left:5rem}}@media screen and (min-width: 1800px){.home{padding-right:10rem;padding-left:10rem}}.about{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem}.about .image{display:block;animation:rotate 30s infinite linear}.about .image img{width:500px;height:440px}.about .about__container{color:#fff;display:flex;flex-direction:column;padding:3rem;background:#031B34;background:-moz-radial-gradient(circle at 30% -100%,#042c54 25%,rgb(4,44,84) 85%,rgb(27,120,222) 100%);background:-webkit-radial-gradient(circle at 30% -100%,#042c54 25%,rgb(4,44,84) 85%,rgb(27,120,222) 100%);background:-o-radial-gradient(circle at 30% -100%,#042c54 25%,rgb(4,44,84) 85%,rgb(27,120,222) 100%);background:-ms-radial-gradient(circle at 30% -100%,#042c54 25%,rgb(4,44,84) 85%,rgb(27,120,222) 100%);background:radial-gradient(circle at 30% -100%,#042c54 25%,rgb(4,44,84) 85%,rgb(27,120,222) 100%);filter:drop-shadow(0px 4px 4px rgba(0,0,0,.25))}.about .about__container .title__detail{width:38px;height:3px;background:linear-gradient(103.22deg,#AE67FA -13.86%,#F49867 99.55%);box-shadow:0 4px 4px #00000040;margin-bottom:.25}.about .about__container .title{font-size:2rem;font-weight:600;margin-bottom:1rem}.about .about__container .about__me{color:#81afdd;font-size:1rem;line-height:1.5rem}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 1056px){.about{flex-direction:column-reverse}}.skills{padding:2rem;display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:space-evenly;border:none;background:linear-gradient(103.22deg,#AE67FA -13.86%,#F49867 99.55%);border-radius:10px}.skills .skills__logos{display:flex;justify-content:space-evenly;gap:20px;margin-right:10px}.skills .skills__logos img{width:55px;height:55px}.skills .skills__title-section{padding-top:0}.skills .skills__title-section .title__detail{width:38px;height:3px;box-shadow:0 4px 4px #00000040;margin-bottom:.25}.skills .skills__title-section .skills__title{color:#031b34;font-size:2.3rem;font-weight:600}@media screen and (max-width: 1135px){.skills{display:flex;flex-direction:column;width:700px;margin:3rem auto}.skills .skills__title-section{margin:1rem}.skills .skills__logos{display:grid;grid-template-columns:1fr 1fr 1fr;margin:1rem;width:400px;gap:2rem}.skills .skills__logos img{width:70px;height:70px;margin:0 auto}}@media screen and (max-width: 768px){.skills{width:400px}.skills .skills__logos{grid-template-columns:1fr 1fr 1fr}.skills .skills__logos img{width:50px;height:50px}}.projects__section{display:flex;flex-direction:column;align-items:center;padding:4rem;color:#fff;gap:3rem}.projects__section .projects__content{display:flex;flex-direction:column;align-items:flex-start}.projects__section .projects__content .projects__title__container .title__detail{width:38px;height:3px;background:linear-gradient(103.22deg,#AE67FA -13.86%,#F49867 99.55%);box-shadow:0 4px 4px #00000040;margin-bottom:.25}.projects__section .projects__content .projects__title__container .projects__title{font-size:2rem;font-weight:600}.projects__section .projects__grid{display:grid;grid-template-columns:1fr 1fr}.projects__section .project__container{display:grid;grid-template-columns:40% 60%;gap:.5rem;padding:.8rem;margin:1rem;width:580px;height:200px;background:#031B34;background:-moz-radial-gradient(circle at 30% -100%,#042c54 25%,rgb(4,44,84) 85%,rgb(27,120,222) 100%);background:-webkit-radial-gradient(circle at 30% -100%,#042c54 25%,rgb(4,44,84) 85%,rgb(27,120,222) 100%);background:-o-radial-gradient(circle at 30% -100%,#042c54 25%,rgb(4,44,84) 85%,rgb(27,120,222) 100%);background:-ms-radial-gradient(circle at 30% -100%,#042c54 25%,rgb(4,44,84) 85%,rgb(27,120,222) 100%);background:radial-gradient(circle at 30% -100%,#042c54 25%,rgb(4,44,84) 85%,rgb(27,120,222) 100%);filter:drop-shadow(0px 4px 4px rgba(0,0,0,.25));border-radius:10px}.projects__section .project__image{width:100%;height:100%;text-align:center}.projects__section .project__image .project__img{object-fit:cover;border-radius:10px;margin-top:6px;width:95%;height:90%;cursor:pointer;height:162px}.projects__section .project__image .project__img:hover{opacity:.7}.projects__section .project__content{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;height:200px;padding:10px 0}.projects__section .project__content h4{padding:0 0 .5rem;font-size:18px;font-weight:600}.projects__section .project__content p{color:#81afdd;font-size:13px;line-height:1.3rem}.projects__section .project__content .project__icons{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.5rem 0 .8rem;gap:10px}.projects__section .project__content .project__icons svg{font-size:20px;cursor:pointer}@media screen and (max-width: 1224px){.projects__section .projects__grid .project__container{width:450px}.projects__section .projects__grid .project__content p{font-size:.7rem;line-height:1rem}}@media screen and (max-width: 1000px){.projects__section .projects__grid{display:grid;grid-template-columns:1fr}.projects__section .projects__grid .project__container{width:600px}.projects__section .projects__grid .project__container p{font-size:.8rem;line-height:1.3rem}}@media screen and (max-width: 660px){.projects__section .projects__grid .project__container{display:flex;flex-direction:column;height:315px;width:450px}.projects__section .projects__grid .project__container .project__image{height:120px;display:flex;justify-content:center;margin-bottom:.5rem}.projects__section .projects__grid .project__container .project__image .project__img{vertical-align:top;height:100%;width:300px}.projects__section .projects__grid .project__container .project__content{align-items:center}}.contact__section{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:0;color:#fff;background-color:#031b34}.contact__section .contact__info{display:flex;align-items:center;justify-content:center;flex-direction:column}.contact__section .contact__info .title__detail{width:38px;height:3px;background:linear-gradient(103.22deg,#AE67FA -13.86%,#F49867 99.55%);box-shadow:0 4px 4px #00000040;margin-bottom:.25}.contact__section .contact__info .contact__title{margin-bottom:10px;font-weight:600;font-size:2rem}.contact__section .contact__info .contact__email{display:flex;flex-direction:row;align-items:center}.contact__section .contact__info .contact__email svg{margin:15px;font-size:1rem}.contact__section .contact__info .contact__email p{font-size:20px}.contact__section .contact__info .contact__phone{display:flex;flex-direction:row;align-items:center}.contact__section .contact__info svg{margin:15px;font-size:1rem}.contact__section .contact__info p{font-size:20px}.contact__section .contact__icons{margin:1.5rem 0 0}.contact__section .contact__icons .btn__linkedin,.contact__section .contact__icons .btn__github,.contact__section .contact__icons .btn__twitter{margin:0 2rem;cursor:pointer}.contact__section .contact__form__container{margin:2rem}.contact__section .contact__form__container .contact__form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.contact__section .contact__form__container .contact__form .input__name,.contact__section .contact__form__container .contact__form .input__mail{padding:1rem;width:400px;font-size:15px;border-radius:10px}.contact__section .contact__form__container .contact__form .input__message{padding:1rem;border-radius:10px;width:400px;height:200px;font-size:15px;border:none}.contact__section .contact__form__container .contact__form .btn__submit{display:grid;grid-template-columns:90% 10%;padding:1rem;padding-left:40px;width:400px;background:linear-gradient(103.22deg,#AE67FA -13.86%,#F49867 99.55%);border-radius:10px;font-size:1.2rem;cursor:pointer}.contact__section .contact__form__container .contact__form .btn__submit:hover{color:#fff}.contact__section .up__btn button{position:relative;cursor:pointer;margin:0rem 0 1rem 0rem;color:#000;padding:.7rem;border-radius:50%;border:2px solid white;background-color:transparent}.contact__section .up__btn button svg{color:#fff;font-size:20px;border:none}.contact__section .up__btn button:hover{background-color:#fff}.contact__section .up__btn button:hover svg{color:#000}.swal-title{color:#000}.swal-text{color:#000;font-size:18px}.swal-button{color:#000;background:linear-gradient(103.22deg,#AE67FA -13.86%,#F49867 99.55%);border-radius:10px;font-size:1rem;font-weight:300;cursor:pointer}.swal-button:hover{color:#fff}.whyMe{display:flex;flex-direction:column;gap:1.5rem;align-items:center;margin-bottom:3rem}.whyMe .whyMe__title-container .title__detail{width:38px;height:3px;background:linear-gradient(103.22deg,#AE67FA -13.86%,#F49867 99.55%);box-shadow:0 4px 4px #00000040;margin-bottom:.25}.whyMe .whyMe__title-container .whyMe__title{color:#fff;font-size:2rem;font-weight:600}.whyMe .whyMe__container{display:flex;gap:2rem;min-height:400px;margin:2rem}.whyMe .whyMe__container .whyMe__card{background:linear-gradient(103.22deg,#AE67FA -13.86%,#F49867 99.55%);border-radius:10px;padding:1rem 2rem;width:350px}.whyMe .whyMe__container .whyMe__card .whyMe__card-title{margin-bottom:1rem}.whyMe .whyMe__container .whyMe__card .whyMe__card-text{line-height:1.3rem;font-size:1rem;font-weight:300;line-height:1.5rem}@media screen and (max-width: 1180px){.whyMe .whyMe__container .whyMe__card{width:300px}}@media screen and (max-width: 1000px){.whyMe .whyMe__container{flex-direction:column-reverse}.whyMe .whyMe__container .whyMe__card{width:500px;height:300px}}