@keyframes wave{0%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-8deg)}45%{transform:rotate(14deg)}60%{transform:rotate(-4deg)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}.hamburger-menu{position:absolute;top:1rem;left:1rem;height:50px;width:50px;z-index:100}.hamburger-menu span{height:5px;width:100%;background-color:#fff;border-radius:25px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.3s ease}.hamburger-menu span:nth-child(1){top:25%}.hamburger-menu span:nth-child(3){top:75%}.hamburger-menu.active span:nth-child(1){top:50%;transform:translate(-50%,-50%) rotate(45deg)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){top:50%;transform:translate(-50%,-50%) rotate(-45deg)}.header-underline{font-size:2.8rem;text-align:center;border-bottom:3px solid;padding:10px 20px;border-radius:20px}.item-list{display:flex;justify-content:center;align-items:center;gap:1rem}.item-list li{width:1.8em;height:1.8em;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:1.5rem;overflow:hidden;background-color:#121212}@media (min-width: 1024px){.item-list li{font-size:1.5rem}}@media (min-width: 1440px){.item-list li{font-size:2rem}}.li-button{font-size:1.2rem;padding:4px 10px;color:#c1c2c1;background-color:#121212;border:none;border-radius:4px;cursor:pointer;box-shadow:0 8px 15px #1e26324d;transition:all .4s ease;position:relative;width:100%}.underline:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:4px;transition:all .4s ease;background-color:#1e2632}.underline:hover:after,.underline.active:after{width:100%;left:0;background-color:#e1e1e1}.underline:hover,.underline.active{color:#e1e1e1;background-color:#1e2632;box-shadow:0 12px 25px #1e2632b3}.socials-container{display:flex;justify-content:center;align-items:center;gap:1rem}.socials-icon{color:#c1c2c1}.socials-icon:hover{color:#fff;transform:scale(1.1)}.sidebar-container{height:100vh;position:fixed;top:0;bottom:0;left:-150%;width:100%;box-shadow:0 0 10px #fff3;z-index:100;color:#e1e1e1;background:linear-gradient(to bottom,#242524,#121212);z-index:10;display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-between;transition:all .3s ease}.sidebar-container.active{left:0}.sidebar-top{margin-top:4rem}.sidebar-top span{color:gray}.sidebar-photo{width:150px;height:150px;border-radius:75px;background-color:red}.sidebar-photo img{width:100%;height:100%}.sidebar-middle{list-style:none;width:80%}.sidebar-middle li{font-size:2rem;margin-bottom:2rem;text-align:center}.sidebar-bottom{margin-bottom:4rem}.sidebar-bottom footer{margin-bottom:1rem;text-align:center;color:#c1c2c1}.image-slider-container{width:100%;height:100%;position:relative;border:1px solid rgba(255,255,255,.08);border-radius:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-slider-icon{fill:#000c;width:100%;height:100%}.image-slider-button{height:100%;width:8%;position:absolute;top:0;bottom:0;z-index:1;cursor:pointer;transition:background-color .1s ease-in-out;background-color:transparent;border:none}.image-slider-button:first-of-type{left:0;border-top-left-radius:1rem;border-bottom-left-radius:1rem}.image-slider-button:last-of-type{right:0;border-top-right-radius:1rem;border-bottom-right-radius:1rem}.image-slider-button:hover{background-color:#0003}.image-slider-button-icon{width:50%;height:50%}.image-slider-pages{width:100%;height:100%;display:flex;overflow:hidden;border-radius:1rem}.image-slider-page-image{-o-object-fit:cover;object-fit:cover;border-radius:1rem;width:100%;height:100%;flex-shrink:0;flex-grow:0;transition:translate .3s ease-in-out}.image-slider-bullets{position:absolute;bottom:0;left:50%;translate:-50%;display:flex;height:8%}.image-slider-bullet{transition:scale .1s ease-in-out;width:100%;height:100%;border:none;cursor:pointer;background-color:transparent}.image-slider-bullet:hover{scale:1.2}.project-slider{width:100%;height:100%;flex-shrink:0;flex-grow:0;transition:translate .5s ease-in-out;background-color:#222;display:flex;flex-direction:column;align-items:center;justify-content:center}.project-slider-container{width:100%;height:100%;z-index:1;position:relative;display:flex;justify-content:center;align-items:center;align-items:stretch}.project-slider-slider{width:100%;height:100%;display:flex;overflow:hidden}.project-slider-languages{display:flex;justify-content:center;align-items:center;padding:.5em}.project-slider-image-slider{aspect-ratio:16/9;max-width:1200px;width:85%;margin-bottom:1em}.project-slider-text{border-top:1px solid rgba(255,255,255,.5);letter-spacing:.5px;width:90%;margin:0 auto;overflow-y:auto;padding:1em 0}.project-slider-bottom{display:flex;justify-content:center;align-items:center;flex-direction:column;width:90%;padding:1em 0;border-top:1px solid rgba(255,255,255,.5)}.project-slider-bottom-buttons{display:flex;justify-content:center;align-items:center;width:100%;justify-content:space-between}.project-slider-bottom-buttons-git,.project-slider-bottom-buttons-view{display:flex;justify-content:center;align-items:center;font-size:.6em;bottom:1em;font-weight:700;gap:.5em;color:#c1c2c1;background-color:#121212;padding:1% 4%;border-radius:1em;border:none}.project-slider-bottom-buttons-git:hover,.project-slider-bottom-buttons-view:hover{background-color:#1e2632;color:#fff}.project-slider-bottom-buttons-dots{display:flex;justify-content:center;align-items:center;gap:1em;width:100%}.project-slider-bottom-buttons-dots-dot{width:10%;height:.6em;background-color:#121212}.project-slider-bottom-buttons-dots-dot:hover{scale:1.1;transition:scale .3s ease-in-out}.project-slider-nav{width:5%;background-color:#222;border:none;transition:border-color .3s ease-in}.project-slider-nav-prev{border-top-left-radius:1em;border-bottom-left-radius:1em;margin-right:3px}.project-slider-nav-next{border-top-right-radius:1em;border-bottom-right-radius:1em;margin-left:3px}.project-slider-nav:hover{border:1px solid white}.nav-icon{width:50%;height:100%;color:#fff}.active{background-color:#c1c2c1}@media (min-width: 450px){.project-slider-bottom-buttons-git,.project-slider-bottom-buttons-view{font-size:.8rem}}@media (min-width: 1440px){.project-slider-languages{padding:1em}.project-slider-bottom-buttons-git,.project-slider-bottom-buttons-view{font-size:1rem}}.language-to-icons{font-size:.5rem;width:3.5em;height:3.5em;border-radius:50%;overflow:hidden;background-color:#121212;display:flex;justify-content:center;align-items:center}.language-to-icons-container{display:flex;justify-content:center;align-items:center;gap:1em}.language-to-icons-icon{width:50%;height:50%}@media (min-width: 450px){.language-to-icons{font-size:.7rem}}@media (min-width: 820px){.language-to-icons{font-size:.8rem}}@media (min-width: 1440px){.language-to-icons{font-size:1.1rem}}.layout-outlet{position:relative;height:100vh;width:100%}.home-page-container{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;min-height:100vh}.home-page-container h1{display:flex;font-size:3rem;letter-spacing:2px;color:#fff;position:relative;width:-moz-max-content;width:max-content}.home-page-container h1:after{content:"";background:linear-gradient(to right,red,#00f);height:4px;width:100%;position:absolute;border-radius:100px;bottom:0;left:0}.home-page-container h2{margin:1rem 0}.home-page-container p{font-size:1.5rem}.home-page-welcome{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.home-page-welcome h2{margin:auto 1rem}.home-page-text{margin-top:4rem}.home-page-particles{pointer-events:none;z-index:-1}.waving-hand{display:inline-block;animation:wave 4s ease-in-out;transform-origin:70% 70%}.skills-container{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2em;padding-top:5em}.skills-container ul{display:flex;flex-wrap:wrap;padding:1em;justify-content:center;align-items:center;gap:2rem}.skills-container li{background-color:#222;color:#c1c2c1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:8rem;height:10rem;border-radius:10px;margin:1rem,auto;position:relative}.skills-container li:after,.skills-container li:before{content:"";position:absolute;height:100%;width:100%;background-image:conic-gradient(#b33a3a,#0056d3,#b33a3a);top:50%;left:50%;translate:-50% -50%;z-index:-1;padding:1px;border-radius:10px}.skills-container li:before{filter:blur(.7rem);opacity:.5}.skills-item-top{height:60%;font-size:4em}.skills-item-bottom{height:20%}.projects-container{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;min-height:100vh;gap:2em;width:100%}.projects-project-slider{width:95%;max-width:1200px;height:100%}@media (min-width: 450px){.projects-project-slider{width:90%}}@media (min-width: 1024px){.projects-project-slider{width:85%}}.contact-me{min-height:100vh;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem;font-size:.7rem}.contact-me label{font-size:1.3em}.contact-me input,.contact-me textarea{width:100%;padding:.8em;font-size:1em;background-color:#c1c2c1;border:none}.contact-me p{color:#dc143c;font-size:1em;margin-top:.5em}.contact-me-form{display:flex;justify-content:center;align-items:center;gap:1em;flex-direction:column;margin:0 auto;padding:1em 0;border-radius:10px;width:90%;background-color:#222;max-width:60em;position:relative;box-shadow:0 4px 10px #00000040}.contact-me-form-credentials{display:flex;flex-direction:column;gap:1em;width:90%}.contact-me-form-credentials-item{width:100%}.contact-me-form-message{width:90%}.contact-me-form-message textarea{height:12em}.contact-me-form-send-button input{font-size:1.2em;font-weight:700;background-color:#121212;color:#c1c2c1;padding:.5em 3em;border:none;border-radius:.5em;transition:transform .3s ease-in-out}.contact-me-form-send-button input:hover:enabled{color:#fff;cursor:pointer;transform:scale(1.05)}.contact-me-form-send-button input:disabled{cursor:not-allowed}@media (min-width: 600px){body{margin-left:200px}.hamburger-menu{display:none}.sidebar-container{font-size:.8rem;width:200px;left:0}.sidebar-middle li{font-size:1.2rem}.skills-container{padding-top:2.5em}}@media (min-width: 1024px){body{margin-left:300px}.home-page-container h1{font-size:6rem}.home-page-container h2{font-size:2.5rem}.sidebar-container{font-size:1.2rem;width:300px;left:0}.sidebar-middle{width:70%}.sidebar-middle li{font-size:2rem}.contact-me{font-size:.8rem}.contact-me-form-credentials{flex-direction:row;gap:2em}.skills-container{padding-top:0}}@media (min-width: 1440px){body{margin-left:400px}.sidebar-container{width:400px;left:0}.sidebar-middle{width:60%}.contact-me{font-size:1rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#c1c2c1;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}h1{font-size:3.2em;line-height:1.1}img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:flex;justify-content:center;align-items:center}a,li{background-color:inherit;text-decoration:none;list-style-type:none;color:#e1e1e1}