@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;background-color:#fff;color:#333}h1,h2,h3,h4,h5,h6{margin:0}a{text-decoration:none;color:inherit}body{font-family:Arial,sans-serif}h1{visibility:hidden;width:0;height:0}.top_info{position:absolute;top:90vh;z-index:2;height:5rem;width:100vw;background-color:none;display:flex;align-items:center;justify-content:center;font-family:Frijole,sans-serif;opacity:0;animation:animationContactus 1s ease-in-out 6s forwards}@media (min-width: 1024px){.top_info{position:fixed;bottom:8rem;width:100%;top:.5rem;right:.5rem;align-items:right;justify-content:right}}.top_info img{width:70px;height:70px}.top_info img:hover{width:75px;height:75px}.top_info .cv{width:65px;height:65px;border:solid 2px white;border-radius:70px;margin-top:3px}@media (min-width: 1024px){.top_info .cv{border:solid 3px white;margin-top:3px;width:60px;height:60px}}.top_info .cv:hover{width:65px;height:65px}.top_info .linkedin{width:65px;height:65px;border:solid 2px white;border-radius:70px;margin-top:3px}@media (min-width: 1024px){.top_info .linkedin{border:solid 3px white;margin-top:0;width:60px;height:60px}}.top_info .linkedin:hover{width:65px;height:65px}section{width:100%;height:100vh;position:relative;border-top:solid 1px #000000}.title{font-size:1.8rem;color:#fff}@media (min-width: 1024px){.title{font-size:4rem}}.subtitle{font-size:3rem;color:#fff;line-height:3rem}@media (min-width: 1024px){.subtitle{line-height:inherit}}.text{font-size:1.5rem;color:#fff}h2{font-family:RubikMoonrocks,sans-serif;width:75%;opacity:1;background:#b776d5;margin:0 auto;border:solid 1px #000000;border-top:none;border-radius:0 40px;color:#fff;text-align:center;text-transform:uppercase;text-shadow:1px 1px 0 black,-1px 1px 0 black,1px -1px 0 black,-1px -1px 0 black}@media (min-width: 1024px){h2{width:90%}}@media (min-width: 1024px){h2{width:50%}}.about{width:100vw;height:100vh}@media (min-width: 1024px){.about{display:flex;flex-direction:row;justify-content:space-between;width:auto}}.about .profile{height:100vh;overflow:hidden}@media (min-width: 1024px){.about .profile{width:50%;left:50%;align-content:flex-end}}.about .profile .imgprofile{position:absolute;bottom:0;left:0;animation:animationPhoto 1s ease-in-out 3s forwards;opacity:0;width:100%}@media (min-width: 1024px){.about .profile .imgprofile{width:41rem;left:2.6rem}}.about .profile .loghi{position:relative;width:300px;height:300px;border-radius:50%;margin:0 auto;top:1.7rem;animation:rotateCircle 30s linear infinite;animation-delay:5s}@media (min-width: 1024px){.about .profile .loghi{position:relative;top:0rem;width:100%;height:100%;border-radius:0%;animation:none}}.about .profile .loghi .logo{position:absolute;width:3rem;height:3rem;opacity:0;top:50%;left:50%;transition:transform 1s ease-in-out;animation-duration:1s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:3s}@media (min-width: 1024px){.about .profile .loghi .logo{width:6rem;height:6rem;opacity:0}}.about .profile .loghi .logo-1{animation-name:moveToPosition-1}@keyframes moveToPosition-1{0%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(list(153px,120px,120px,132px,253px,176px,204px,1),list(308.57deg,0deg,51.43deg,99.86deg,142.29deg,185.71deg,233.71deg,1))}}.about .profile .loghi .logo-2{animation-name:moveToPosition-2}@keyframes moveToPosition-2{0%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(list(153px,120px,120px,132px,253px,176px,204px,2),list(308.57deg,0deg,51.43deg,99.86deg,142.29deg,185.71deg,233.71deg,2))}}.about .profile .loghi .logo-3{animation-name:moveToPosition-3}@keyframes moveToPosition-3{0%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(list(153px,120px,120px,132px,253px,176px,204px,3),list(308.57deg,0deg,51.43deg,99.86deg,142.29deg,185.71deg,233.71deg,3))}}.about .profile .loghi .logo-4{animation-name:moveToPosition-4}@keyframes moveToPosition-4{0%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(list(153px,120px,120px,132px,253px,176px,204px,4),list(308.57deg,0deg,51.43deg,99.86deg,142.29deg,185.71deg,233.71deg,4))}}.about .profile .loghi .logo-5{animation-name:moveToPosition-5}@keyframes moveToPosition-5{0%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(list(153px,120px,120px,132px,253px,176px,204px,5),list(308.57deg,0deg,51.43deg,99.86deg,142.29deg,185.71deg,233.71deg,5))}}.about .profile .loghi .logo-6{animation-name:moveToPosition-6}@keyframes moveToPosition-6{0%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(list(153px,120px,120px,132px,253px,176px,204px,6),list(308.57deg,0deg,51.43deg,99.86deg,142.29deg,185.71deg,233.71deg,6))}}.about .profile .loghi .logo-7{animation-name:moveToPosition-7}@keyframes moveToPosition-7{0%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(list(153px,120px,120px,132px,253px,176px,204px,7),list(308.57deg,0deg,51.43deg,99.86deg,142.29deg,185.71deg,233.71deg,7))}}.about .profile .loghi .logo_html5,.about .profile .loghi .logo-1{transform:rotate(308.57deg) translate(153px) rotate(-308.57deg)}.about .profile .loghi .logo_css3,.about .profile .loghi .logo-2{transform:rotate(0) translate(120px) rotate(0)}.about .profile .loghi .logo_react,.about .profile .loghi .logo-4{transform:rotate(51.43deg) translate(120px) rotate(-51.43deg)}.about .profile .loghi .logo_js,.about .profile .loghi .logo-3{transform:rotate(99.86deg) translate(132px) rotate(-99.86deg)}.about .profile .loghi .logo_node,.about .profile .loghi .logo-5{transform:rotate(142.29deg) translate(153px) rotate(-142.29deg)}.about .profile .loghi .logo_tailwind,.about .profile .loghi .logo-6{transform:rotate(185.71deg) translate(176px) rotate(-187.71deg)}.about .profile .loghi .logo_altro,.about .profile .loghi .logo-7{font-size:3rem;color:#fff;transform:rotate(233.71deg) translate(204px) rotate(-233.71deg)}@media (min-width: 1024px){.about .profile .loghi .logo_html5{animation:animationLogo 1s ease-in-out 4s forwards;top:6rem;left:20rem}.about .profile .loghi .logo_css3{animation:animationLogo .5s ease-in-out 4.3s forwards;top:12rem;left:32rem}.about .profile .loghi .logo_react{animation:animationLogo .5s ease-in-out 4.6s forwards;top:20rem;left:2rem}.about .profile .loghi .logo_js{animation:animationLogo .5s ease-in-out 4.9s forwards;top:12rem;left:8rem}.about .profile .loghi .logo_node{animation:animationLogo .5s ease-in-out 5.2s forwards;top:20rem;left:38rem}.about .profile .loghi .logo_tailwind{animation:animationLogo .5s ease-in-out 5.5s forwards;top:30rem;left:0rem}.about .profile .loghi .logo_altro{animation:animationLogo .5s ease-in-out 5.8s forwards;color:#fff;font-size:5rem;line-height:2.95rem;top:30rem;left:40rem}}.about .info{position:absolute;top:10%;width:100%;text-align:center;margin:0 auto}@media (min-width: 1024px){.about .info{position:inherit;align-content:center;width:50%}}.about .info .name{font-family:Frijole,sans-serif;opacity:0;animation:animationName 1s ease-in-out 1s forwards;width:50%;margin:0 auto;margin-top:2rem}@media (min-width: 1024px){.about .info .name{width:100%;margin-top:0}}.about .info .job{font-family:Frijole,sans-serif;opacity:0;animation:animationJob 1s ease-in-out 2s forwards;margin-top:10rem}@media (min-width: 1024px){.about .info .job{margin-top:0}}.about .info .textanimated{font-size:3rem;color:#fff}.about .scroll_down{position:absolute;bottom:2rem;right:1rem;opacity:0;animation:animationScrollDown 1s ease-in-out 7s infinite}@keyframes animationName{0%{opacity:0;transform:scale(0);transform:translateY(-200px)}50%{transform:scale(1.5)}to{opacity:1;transform:scale(1);transform:translateY(0)}}@keyframes animationJob{0%{opacity:0;transform:translate(120%)}50%{transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes animationPhoto{0%{opacity:0;transform:translateY(300px)}to{opacity:1;transform:translateY(0)}}@keyframes animationLogo{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@keyframes animationContactus{0%{opacity:0}to{opacity:1}}@keyframes animationScrollDown{0%{opacity:1;transform:translateY(0)}25%{opacity:1;transform:translateY(1rem)}50%{opacity:1;transform:translateY(0)}75%{opacity:1;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes rotateCircle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skills{height:auto;background-color:#110f0f}.skills .mac{position:relative;width:90%;height:auto;z-index:1;left:50%;transform:translate(-50%)}.skills img.skills-image{position:absolute;width:15%;z-index:2}@media (min-width: 1024px){.skills img.skills-image{width:10%}}.skills img.css3{top:20%;left:15%}.skills img.js{top:23%;left:30%}.skills img.html5{top:20%;left:43%}.skills img.react{top:22%;left:56%}.skills img.tailwind{top:23%;left:70%}.skills img.npm{top:42%;left:20%}.skills img.node{top:43%;left:37%}.skills img.responsive{top:46%;left:53%}.skills img.git{top:35%;left:70%}.skills img.react_native{top:45%;left:55%}.skills img.photoshop{top:52%;left:18%}.skills img.ionic{top:53%;left:65%}.skills img.sass{top:57%;left:47%}@media (min-width: 1024px){.skills img.css3{top:13%;left:15%}.skills img.js{top:11%;left:29%}.skills img.html5{top:14%;left:43%}.skills img.react{top:11%;left:56%}.skills img.tailwind{top:15%;left:70%}.skills img.npm{top:38%;left:20%}.skills img.node{top:33%;left:37%}.skills img.responsive{top:36%;left:52%}.skills img.git{top:32%;left:69%}.skills img.react_native{top:55%;left:55%}.skills img.photoshop{top:51%;left:23%}.skills img.ionic{top:51%;left:45%}.skills img.sass{top:51%;left:66%}}.career{position:relative;margin:0 auto;width:100%;text-align:center}@media (min-width: 1024px){.career{margin-top:-7.5rem}}@media (min-width: 1024px){.career .title-section{margin-top:6.3rem}}.hobbies{height:auto}@media (min-width: 1024px){.hobbies{height:80vh}}.hobbies .images-gallery{display:flex;flex-direction:column;align-items:center}@media (min-width: 1024px){.hobbies .images-gallery{display:flex;flex-direction:row;justify-content:center;gap:2rem;padding-top:15%;align-items:initial}}.hobbies .images-gallery .image-container{justify-items:center}@media (min-width: 1024px){.hobbies .images-gallery .image-container{position:relative;display:flex;width:25%;align-items:center;justify-content:space-around}}.hobbies .images-gallery .image-container img{display:block;width:200px}@media (min-width: 1024px){.hobbies .images-gallery .image-container img{width:auto;height:auto}}.hobbies .images-gallery .image-container .description{font-family:Rubik,sans-serif;color:#000;text-align:center;font-size:2rem}@media (min-width: 1024px){.hobbies .images-gallery .image-container .description{position:absolute;top:110%;z-index:1}}@font-face{font-family:Rubik;src:url(/assets/RubikGlitch-Regular-CCmWEKDF.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:RubikMoonrocks;src:url(/assets/RubikMoonrocks-Regular-Da8tLGWZ.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Frijole;src:url(/assets/Frijole-Regular-DcQ1LPGY.ttf) format("truetype");font-weight:400;font-style:normal}.portfolio{position:relative;margin-top:0rem}@media (min-width: 1024px){.portfolio{width:auto}}.portfolio .button-container{display:flex;justify-content:center;align-items:center;margin:3rem}.portfolio .button-container button{border-radius:1rem;padding:.5rem;margin:0 1rem 0 0;font-family:Rubik,sans-serif;font-size:1.5rem}.portfolio .button-container button:hover,.portfolio .button-container button.active{background-color:plum}@media (min-width: 1024px){.portfolio h2{position:relative;z-index:1}}.portfolio{height:auto;overflow:hidden}.portfolio .portfolio-container{display:flex;overflow-x:auto;scroll-behavior:smooth;gap:20px;padding:20px 20px 20px 40px;justify-content:flex-start;-ms-overflow-style:none;scrollbar-width:none}.portfolio .portfolio-container::-webkit-scrollbar{display:none}.portfolio .portfolio-container .portfolio-item{position:relative;flex-shrink:0;width:50rem;transition:transform .3s ease,z-index .3s ease;transform-origin:center center}.portfolio .portfolio-container .portfolio-item:not(.active){transform:scale(.8);z-index:1}.portfolio .portfolio-container .portfolio-item.active{transform:scale(1);z-index:10}.portfolio .portfolio-container .portfolio-item img{width:100%;border-radius:10px;object-fit:cover}.portfolio .portfolio-container .portfolio-item h3{text-align:center;margin-top:10px}.portfolio .portfolio-container .portfolio-item a{display:block;text-align:center;margin-top:10px;text-decoration:none;color:#007acc}@media (min-width: 1024px){.portfolio .portfolio-container-aos{display:flex;flex-wrap:wrap;justify-content:space-evenly}}.portfolio .portfolio-container-aos .portfolio-item{width:100%}@media (min-width: 1024px){.portfolio .portfolio-container-aos .portfolio-item{width:500px;height:350px;margin-bottom:30px;position:relative}}.portfolio .portfolio-container-aos .portfolio-item img{width:100%}@media (min-width: 1024px){.portfolio .portfolio-container-aos .portfolio-item img{width:500px;height:350px}}.portfolio .portfolio-container-aos .portfolio-item .portfolio-content{position:absolute;bottom:0;left:0;width:100%;height:0;opacity:0;background-color:#000000b3;border-radius:5px 5px 0 0;color:#fff;display:flex;justify-content:center;align-items:center}.portfolio .portfolio-container-aos .portfolio-item .portfolio-content h3{opacity:1;text-align:center;margin:0}.portfolio .portfolio-container-aos :hover .portfolio-content{opacity:1;width:100%;height:25%;transition:height .5s ease-in-out}