body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@font-face{font-family:Autobus;font-style:normal;font-weight:400;src:url(/static/media/Autobus.fbfb7b83a308967036aa.ttf) format("truetype")}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}body{background-color:#000;background-image:linear-gradient(270deg,#ffffff1a,#000 75%),linear-gradient(90deg,#ffffff1a,#000 75%);background-repeat:no-repeat;background-size:100% 100%;font-family:Autobus,sans-serif;margin:0}.App-header,body{align-items:center;color:#fff;display:flex;justify-content:center}.App-header{background-color:#282c34;flex-direction:column;font-size:calc(10px + 2vmin);min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.route-section{height:100%;left:0;position:absolute;top:0;transition:transform .3s ease-in-out;width:100%}.fade-enter{transform:translateX(-100%)}.fade-enter-active,.fade-exit{transform:translateX(0)}.fade-exit-active{transform:translateX(100%)}.menu-title{left:5%;position:fixed;top:2.5%;transition:all .5s ease-in-out;z-index:1000}.menu-hidden{opacity:0;transform:translateY(50px)}.navbar-wrapper{align-items:center;display:flex;height:280px;justify-content:center;left:3%;max-height:100px;overflow:visible;pointer-events:none;position:fixed;top:5%;width:100px;z-index:1000;z-index:10}.navbar-wrapper-home{position:absolute}.navbar{background-color:#000;border-radius:50%;box-shadow:0 0 5px #fff;color:#fff;height:327px;left:3%;max-height:100px;max-width:100px;overflow:hidden;pointer-events:auto;position:fixed;top:5%;transition:all .3s ease-in-out;width:100px;z-index:1000}.navbar.open{left:5%;max-height:400px;max-width:400px;padding-top:20px;top:5%;width:200px}.navbar-home{height:500px;left:0;margin-left:6vw;max-height:500px;max-width:500px;position:absolute;top:110px;width:500px}.logo-home,.navbar-home{transition:all .3s ease-in-out}.logo-home{max-height:500px!important;max-width:500px!important}.navbar-hidden{display:none;opacity:0}.navbar-hidden,.navbar-unhidden{transition:all .3s ease-in-out}.navbar-wrapper:before{animation:ripple 2.5s ease-out infinite;border:5px solid #fff;border-radius:50%;content:"";height:120px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.1);width:120px;z-index:-1}.navbar-wrapper.navbar-wrapper-home:before,.navbar-wrapper.open:before{display:none}@keyframes ripple{0%{opacity:0}19.5%{opacity:0}20%{opacity:1;transform:translate(-50%,-50%) scale(.1)}70%{opacity:0;transform:translate(-50%,-50%) scale(1.3)}to{opacity:0}}.logo-container{border-bottom:1px solid #ffffff1a;display:flex;justify-content:center;padding:2%}.logo{cursor:pointer;height:500px;max-height:100px;max-width:100px;transition:all .3s ease-in-out;width:500px}.logo:hover{transform:scale(1.1)}.nav-links{display:flex;flex-direction:column;margin-top:20px}.nav-item{border-radius:4px;color:#fff;display:block;font-size:16px;letter-spacing:1px;padding:15px 20px;text-decoration:none;transition:background-color .3s ease-in-out,transform .3s ease-in-out,color .3s ease-in-out}.nav-item:hover{background-color:#fff;color:#000;transform:scale(1.2)}.nav-item.active{background-color:#fff9;color:#000;font-weight:700}.area-utente{cursor:pointer;transition:background-color .3s ease-in-out,transform .3s ease-in-out}.area-utente:hover{background-color:#007bff99;transform:translateX(10px)}.user-dropdown{display:flex;flex-direction:column;margin-left:20px;max-height:0;opacity:0;overflow:hidden;transition:all .3s ease-in-out}.area-utente.open+.user-dropdown{max-height:100px;opacity:1}.dropdown-item{color:#fff;display:block;padding:10px;text-decoration:none;transition:background-color .3s ease-in-out,transform .3s ease-in-out}.dropdown-item.active{background-color:#007bffe6;font-weight:700}.dropdown-item:hover{background-color:#007bff80;transform:translateX(15px)}@media (max-width:768px){.navbar{left:-2%;top:-2%}.navbar.open{top:2%}.navbar-wrapper{left:-2%;top:-2%}.navbar-home{height:360px;left:-30px;top:200px;width:360px}.logo-home{max-height:360px!important;max-width:360px!important}.menu-title{opacity:0;z-index:0}}@media (max-width:480px){.navbar-home{left:-100px;max-height:300px;max-width:300px;top:180px}.logo-home{max-height:300px!important;max-width:300px!important}}@media (min-width:768px) and (max-width:1400px){.navbar-home{left:0!important;margin-top:0;max-height:320px;max-width:320px;transform:translateX(-30%)}.logo-home{max-height:320px!important;max-width:320px!important}}.homepage{padding:50px}.hero-section{align-items:center;background:linear-gradient(135deg,#000,#000 20%,#444);border-bottom-right-radius:5%;border-top-right-radius:5%;color:#fff;display:grid;grid-template-columns:1fr 1fr;margin-left:10vw;margin-right:10vw;min-height:600px;padding:100px 20px;text-align:center}.hero-content-left{padding:20px}.hero-content-right{padding:20px;text-align:center}.hero-content-right img{border-radius:5%;height:auto;max-width:100%}.hero-title{font-size:4rem;margin-bottom:20px}.hero-subtitle,.hero-title{opacity:0;transition:opacity 1s ease-in-out}.hero-subtitle{color:#ccc;font-size:1.5rem}@media (max-width:768px){.hero-section{grid-template-columns:1fr;text-align:center}.hero-content-left,.hero-content-right{padding:10px}.hero-title{font-size:3rem;position:absolute;right:20%;top:20px}.hero-subtitle{font-size:1.5rem}.hero-content-right{margin-top:200px}}@media (min-width:768px) and (max-width:1400px){.hero-title{font-size:2.5rem;left:50%;position:absolute;top:30px;transform:translateX(-50%)}.hero-section{border-bottom-left-radius:40%;border-bottom-right-radius:40%;margin-bottom:-220px}.hero-subtitle{font-size:1.2rem;margin-bottom:0;margin-top:-180px;position:relative}.button-container{height:0!important;margin-left:10vw!important;margin-top:200px;transform:translateX(-15%)}.btn:link,.btn:visited{margin-left:30px;padding:20px 40px!important;top:-70px}.text-box.one{margin-left:-20px!important}.icon-wrapper{padding:5px!important}.text-box.three{margin-left:-50px!important;margin-top:0!important}}@media (max-width:480px){.button-container{margin-left:100px!important}.hero-subtitle{font-size:1.2rem}.hero-section{margin-left:auto;margin-right:auto}.btn:link,.btn:visited{margin-left:30px;padding:20px 40px!important;top:-70px}.text-box.one{margin-left:-20px!important}.icon-wrapper{padding:5px!important}.text-box.three{margin-top:-30px!important}.hero-subtitle{top:200px!important}.hero-title{font-size:2.5rem;margin-left:20%}.hero-section{margin-bottom:-130px}.text-box-hide{animation:goodbyeTwo .3s ease-out forwards!important}}.cta-button{background-color:#fff;border:none;border-radius:5px;color:#0072ff;cursor:pointer;font-size:1rem;margin-top:20px;opacity:0;padding:10px 20px;transition:opacity 1s ease-in-out}.fade-in{opacity:1}.button-container{align-items:flex-start;display:flex;flex-direction:column;height:600px;justify-content:center;margin-left:300px;padding:0 5vw;position:absolute;top:200px}.text-box{align-items:center;display:flex;flex:1 1;flex-direction:column;font-size:1.2rem;transition:transform .3s ease,box-shadow .3s ease}.text-box.one{margin-left:-30px}.text-box.three{margin-left:-130px;margin-top:-20px}.icon-wrapper{align-items:center;background-color:#000;border-radius:50%;display:flex;justify-content:center;margin-bottom:15px;padding:40px;top:20vh}.icon-wrapper img{height:60px;width:60px}.btn:link,.btn:visited{border-radius:100px;display:inline-block;padding:15px 40px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .2s}.btn:hover{box-shadow:0 10px 20px rgba(98,98,98,.836);transform:translateY(-3px)}.btn:active{box-shadow:0 5px 10px #0003;transform:translateY(-1px)}.btn-white{background-color:#000;box-shadow:0 0 5px #fff;color:#fff;top:-30px}.btn-white:after{background-color:#474747}.btn:hover:after{opacity:0;transform:scaleX(1.4) scaleY(1.6)}.text-box:active,.text-box:hover,.text-box:hover .icon-wrapper{transform:translateY(-5px)}.text-box:active,.text-box:active .icon-wrapper{transform:translateY(-2px)}@media (max-width:768px){.button-container{height:10px;margin-left:200px;margin-top:240px}.btn:link,.btn:visited{padding:auto}.icon-wrapper{padding:20px}.two{margin-left:-30px}.hero-title{position:absolute;right:20%;top:20px}.hero-subtitle{margin-bottom:250px;position:relative;top:270px}}@keyframes slideInOne{0%{opacity:0;transform:translateX(-150%) translateY(70%)}to{opacity:1;transform:translateX(0)}}.slide-in-one{animation:slideInOne .3s ease-out forwards}@keyframes slideInTwo{0%{opacity:0;transform:translateX(-150%)}to{opacity:1;transform:translateX(0)}}.slide-in-two{animation:slideInTwo .5s ease-out forwards}@keyframes slideInThree{0%{opacity:0;transform:translateX(-150%) translateY(-70%)}to{opacity:1;transform:translateX(0)}}.slide-in-three{animation:slideInThree .7s ease-out forwards}@keyframes goodbye{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-150%) translateY(150%)}}@keyframes goodbyeTwo{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%) translateY(70%)}}.text-box-hide{animation:goodbye .2s ease-out forwards}.language-chessboard{background-color:#000;color:#fff;min-height:100vh;transition:background-color .3s,color .3s}.container{margin:0 auto;max-width:1200px;padding:2rem 1rem}.theme-toggle{background-color:#333;border:none;border-radius:9999px;color:#fff;cursor:pointer;margin-bottom:1.5rem;padding:.5rem}.language-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.language-grid{grid-template-columns:repeat(2,1fr)}}.language-item{border-radius:.5rem;box-shadow:0 4px 6px -1px #ffffff1a,0 2px 4px -1px #ffffff0f;overflow:hidden}.language-item.even{background-color:#1a1a1a}.language-item.odd{background-color:#262626}.language-content{align-items:center;display:flex;padding:1rem}.language-info{flex-grow:1;padding-right:1rem}.language-name{color:#ccc;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.language-description{color:#999;font-size:.875rem}.language-icon{color:#ccc;flex-shrink:0}.skills-title{color:#ccc;font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.footer{background-color:#000;color:#ccc;padding:40px 0}.footer-content{align-items:flex-start;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.footer-section{flex:1 1;margin:0 20px}.footer-section h2{color:#fff;font-size:20px;margin-bottom:20px}.footer-section p{color:#aaa;font-size:14px;line-height:1.6}.footer-section .social-icons{display:flex;gap:10px}.social-icons{margin-left:6vw}.footer-section .social-icons i{color:#ccc;font-size:24px}.footer-section .social-icons i:hover{color:#fff}.footer-bottom{border-top:1px solid #333;color:#777;padding-top:20px;text-align:center}.footer-bottom p{margin:0}@media (max-width:768px){.footer-content{align-items:center;flex-direction:column}.footer-section{margin-bottom:20px}}.carousel-container{align-items:center;background:linear-gradient(180deg,#212121,#000);display:flex;height:30vh;justify-content:center;perspective:25vw;perspective-origin:50% 10%}.carousel{display:flex;flex-direction:row;transform-style:preserve-3d;transition:transform .5s ease-in-out}@media (max-width:768px){.carousel{visibility:hidden}.carousel-container{height:20vh;opacity:0}.character-details{margin-top:-20vh!important}}.character{align-items:center;background-color:initial;cursor:pointer;display:flex;height:20%;justify-content:center;position:absolute;transform-origin:center center 0;transition:transform .5s ease-in-out,opacity .5s ease-in-out;width:20%}.icons{position:absolute;width:17vh}.character-details{margin-top:25vh;text-align:center}.character-details h2{font-size:24px;font-weight:700;margin-bottom:10px}.character-details p{color:#555;font-size:16px;line-height:1.5}.arrow{border:4px solid #fff;border-left:none;border-top:none;height:auto;padding-top:20%;position:relative;top:50%;transition:transform .2s;width:20%;&.left{left:10%;top:10vh;-webkit-transform:rotate(137deg)}&.right{right:-70%!important;top:10vh;-webkit-transform:rotate(-45deg)}&.right:hover{-webkit-transform:rotate(-45deg) scale(1.2)}&.left:hover{-webkit-transform:rotate(137deg) scale(1.2)}&.bottom:hover{-webkit-transform:rotate(-135deg) scale(1.2)}&.bottom{-webkit-transform:rotate(-135deg)}}.arrow:before{animation-duration:2s;animation-iteration-count:infinite;animation-name:arrow;border:1px solid #fff;border-left:none;border-top:none;content:"";height:50%;left:50%;margin:-25% 0 0 -25%;position:absolute;top:50%;width:50%;&.left{-webkit-transform:rotate(137deg)}&.right{-webkit-transform:rotate(-45deg)}&.bottom{-webkit-transform:rotate(90deg)}}@keyframes arrow{0%{opacity:1}to{opacity:0;transform:translate(-10px,-10px)}}.arrowLeft{left:5%}.arrowLeft,.arrowRight{display:block;height:auto;position:fixed;transition:opacity .3s ease-in-out;width:20%}.arrowRight{right:5%!important}.arrowBottom{bottom:5%!important;display:block;height:auto;left:15%!important;position:fixed;transition:opacity .3s ease-in-out;width:20%}.arrow-hidden{opacity:0}.project-container{align-items:center;color:#fff;display:flex;flex-direction:column;margin:0 auto;padding:20px;width:80%}.project-title{font-size:3rem;font-weight:700;margin-bottom:40px;text-align:center}.project-content{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;width:100%}.project-left-column{align-self:flex-start;background-color:#8484847d;border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#fff;padding:20px;text-shadow:1px 1px 0 #000;width:28%}.project-left-column h1,.project-left-column p{color:#fff}.project-details{list-style-type:none;padding:0}.project-details li{font-size:1.5rem;margin-bottom:15px}.project-details strong{font-size:1.6rem;text-shadow:0 0 2px #fff}.project-details a{color:#007bff;text-decoration:none}.project-details a:hover{text-decoration:underline}.project-right-column{background-color:#ffffff15;border-radius:8px;box-shadow:0 2px 10px #ffffff1a;padding:20px;width:65%}.project-right-column li,.project-right-column p{color:hsla(0,0%,100%,.815);font-size:1.5rem;line-height:1.6;margin-bottom:20px}.centered-text{text-align:left}.project-right-column strong{font-size:1.6rem;text-shadow:0 0 2px #fff}.project-icon{display:block;height:auto;margin:0 auto 20px;width:200px}.project-images{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px}.project-image{border-radius:8px;height:auto;width:48%}.project-image-large{border-radius:20px;height:auto;padding:20px;width:78%}@media (max-width:768px){.project-content{align-items:center;flex-direction:column}.project-left-column,.project-right-column{margin-bottom:20px;width:100%}.project-left-column{align-self:auto}.project-images{align-items:center;flex-direction:column}.project-image{margin-bottom:20px;width:90%}.project-right-column li,.project-right-column p{font-size:1rem}.project-right-column strong{font-size:1.2rem}.project-title{font-size:2.5rem;margin-top:60px}}.contattami-container{align-items:center;background-color:#000;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}.contattami-container h1{font-size:3rem;letter-spacing:.2em;margin-bottom:2rem;text-transform:uppercase}.contact-form{max-width:500px;width:100%}.input-group{margin-bottom:2rem;position:relative}.input-group input,.input-group textarea{background-color:initial;border:none;border-bottom:2px solid #fff;color:#fff;font-size:1rem;padding:10px;transition:all .3s ease;width:100%}.input-group textarea{height:100px;resize:vertical}.input-group label{color:#999;left:0;pointer-events:none;position:absolute;top:0;transition:all .3s ease}.input-group input:focus,.input-group input:not(:placeholder-shown),.input-group textarea:focus,.input-group textarea:not(:placeholder-shown){border-bottom-color:#0f0}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label,.input-group textarea:focus+label,.input-group textarea:not(:placeholder-shown)+label{color:#0f0;font-size:.8rem;transform:translateY(-20px)}.submit-btn{background-color:#0f0;border:none;color:#000;cursor:pointer;font-size:1rem;letter-spacing:.1em;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.submit-btn:hover{background-color:#717171;box-shadow:0 4px 8px #fff;transform:translateY(-2px)}.contact-form button{background-color:#fff;color:#000}@media (max-width:768px){.contattami-container h1{font-size:2rem}.contact-form{max-width:100%}}.curriculum-container{align-items:center;background:linear-gradient(180deg,#212121,#000);display:flex;flex-direction:column;justify-content:center;min-height:70vh}.curriculum-title{color:#fff;font-size:36px;margin-bottom:20px;text-align:center}.curriculum-image-container{align-items:center;display:flex;justify-content:center;max-width:400px;position:relative;transition:filter .3s ease;width:40%}.curriculum-image-container.hovered .curriculum-preview-image{filter:blur(3px) brightness(.7)}.curriculum-overlay:hover .download-icon{transform:scale(1.2)}.curriculum-preview-image{border-radius:8px;display:block;height:auto;transition:filter .3s ease;width:100%}.curriculum-overlay{bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.curriculum-overlay,.curriculum-overlay a{align-items:center;display:flex;justify-content:center;transition:filter .3s ease,transform .3s ease}.curriculum-overlay a{pointer-events:auto;text-decoration:none}.download-icon{color:#fff;cursor:pointer;transition:transform .3s ease}.download-icon:hover{transform:scale(1.2)}@media (max-width:768px){.curriculum-container{height:100vh}.curriculum-image-container{padding:10px;width:80%}}@media (min-width:768px){.curriculum-image-container{width:40%}}
/*# sourceMappingURL=main.f456f37e.css.map*/