@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.about-section{width:70%;display:flex;flex-direction:column;margin-top:2em}.about-section *{margin-bottom:.6em}.about-section ul li{margin-left:3em}.about-section h1{margin:1rem 0 .2rem 5vw}.about-section h2{margin:.8rem 0 1rem 10vw}.about-text{display:flex;align-items:center;width:70%;min-height:300px;background-color:var(--color-transparent);padding:2rem 3rem;border-radius:var(--font-m);margin:3rem 0 0 5vw;font-size:var(--font-s);font-weight:100;line-height:1.5rem}.about-text:hover{cursor:pointer}.about-text h3{font-weight:400}.about-text strong{font-weight:300}.about-text b{font-weight:400}.about-text a{font-weight:400;color:#000}.about-text a:hover{color:#fff}#about-arrow{width:30px;height:30px;border-radius:50%;position:absolute;bottom:1rem;right:2rem;transform:translateY(-50%)}.skills{width:70%;text-align:center;margin:2em 0 0 5vw}.skills div{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.skills h3{font-weight:300;margin-bottom:1rem}.skills a,.skills img{height:30px;filter:grayscale(50%);transition:all .6s}.skills a:hover{transform:translateY(-5px)}.skills img{opacity:.5;margin-right:1rem}#three-container-about{position:absolute;transform:translateY(0);top:50%;right:0;z-index:2}.popup{position:fixed;bottom:40px;right:40px;width:300px;background-color:var(--color-transparent);border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 8px #0003;padding:15px;z-index:1000;transform:translate(120%);transition:transform .5s ease-in-out}.popup.show{transform:translate(0)}.popup-content h2{font-size:1.2rem;margin:0 0 10px}.popup-content p{font-size:.9rem;margin:0 0 15px}.popup-content button{padding:8px 15px;background-color:#00c3ff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:.9rem}.popup-content button:hover{background-color:#0056b3}.spotify-button{display:inline-block;padding:8px 15px;background-color:#00c3ff;color:#fff;text-decoration:none;border-radius:5px;font-size:.9rem;text-align:center;cursor:pointer}.spotify-button:hover{background-color:#0056b3}@media (max-width: 768px){.about-section{width:100%;margin-top:0}.about-section h1,.about-section h2{margin:1rem 0}.about-text,.skills{margin:2rem 0}.about-text{width:100%;height:75svh;padding:2rem;min-height:50vh;text-align:center;-webkit-hyphens:auto;hyphens:auto;line-height:1.8rem}.skills{width:90%;padding:1.6rem;margin:auto}#three-container-about{display:flex;justify-content:center;width:100%;height:auto;position:relative;margin:0;transform:translateY(0) translate(0);overflow:visible;z-index:100}}@media (min-width: 768px) and (max-width: 1024px){#three-container-about{position:absolute;transform:translateY(-10%) translate(0);z-index:2}.about-section{width:100%}.about-text,.skills{width:90%}}.projects-main{width:100%}.projects-container{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-around;gap:2em;flex-wrap:wrap}.projects-main h1{text-align:center;margin:2em 0}.projects-container a{text-decoration:none;color:var(--color-b)}.projects-box{display:flex;flex-direction:column;justify-content:center;width:300px;height:300px;background-color:#ffffffe6;padding:2em;border-radius:1em;transition:all .5s}.projects-box:hover{transform:translateY(-5px);background-color:#fffc}.projects-box img{width:150px;margin:auto}.projects-box h2{margin:0 0 2em;font-size:1.4rem;font-weight:100;text-align:center;text-transform:uppercase}.projects-box p{font-size:1rem;font-weight:100;text-align:center}.model-box{opacity:.3}@media (max-width: 768px){.projects-main{padding-bottom:4em}}canvas.prices-webgl{position:fixed;top:0;left:0;outline:none}header.prices-container{overflow:hidden}main.price{min-height:100%;align-items:center}main.price h1{color:#fff;margin:1em 0 0}.prices-columns-container{width:100%;justify-content:center;gap:4em;flex-wrap:wrap}.prices-columns-container a{text-decoration:none;color:var(--color-b)}.prices-box{display:flex;flex-direction:column;justify-content:start;width:300px;height:80vh;background-color:#fff;padding:5em 2em 0;border-radius:1em;opacity:1;transition:all 1s}.prices-box:hover{transform:translateY(-10px);background-color:#ffffffe6}.prices-box h2{margin:0 0 .5em;font-size:1.2rem;font-weight:300;text-align:center;text-transform:uppercase}.prices-box h3{font-size:.8rem;font-weight:200;text-align:center;margin-bottom:2em;font-style:italic}.prices-box p{font-size:.8rem;font-weight:100;text-align:center}.prices-box p:nth-child(2){margin-bottom:2em}.prices-columns-container>.prices-box:nth-of-type(1){margin-top:6em}.prices-columns-container>.prices-box:nth-of-type(3){margin-top:6em}.price span{font-weight:500;font-size:2.4rem}a.price-button{width:150px;margin:2em auto;padding:.8em .6em;border-radius:1em;text-align:center;color:#fff;background-color:var(--color-b)}a.price-button:hover{opacity:.7}.prices-box ul{padding:1.2em 0 0 3em;font-size:.8rem;font-weight:200}.prices-box ul li{margin-bottom:.5em}@media (max-width: 768px){header.prices-container{overflow:scroll}main.price{padding-block:2rem 4em}main.price h1{display:none}.prices-columns-container{gap:2em}.prices-columns-container .prices-box:nth-of-type(1){margin:0}.prices-columns-container>.prices-box:nth-of-type(3){margin:0}.prices-columns-container ul{text-align:left}.prices-box{width:75vw;height:auto;padding:3rem 1rem}}@media (min-width: 768px) and (max-width: 1024px){header.prices-container{height:auto}.prices-columns-container{padding:var(--padding-3)}.prices-columns-container .prices-box:nth-of-type(1){margin:0}.prices-columns-container>.prices-box:nth-of-type(3){margin:0}}.contact-main{width:100%}.contact-container{width:100%;display:flex;flex-direction:row;justify-content:space-around}.contact-main h1{text-align:center;margin:1em 0}.contact-container a{text-decoration:none;color:var(--color-b);transition:all .5s}.contact-container a:hover{color:#fff}#typewriter-contact{height:2rem;margin-bottom:2rem}#img-profile{margin:auto;height:150px;aspect-ratio:1;background:url(/webp/giovanni.webp) center no-repeat;background-size:contain;margin-block:2rem;border-radius:50%;transition:all .9s ease-in-out;box-shadow:#000 0 0 10px 2px}#img-profile:hover{background:url(/webp/anime-profile.webp) center no-repeat;background-size:contain;transition:all .9s ease-in-out}.contact-box{display:flex;align-items:center;flex-direction:column;width:600px;height:auto;background-color:var(--color-soft-white);padding:2em;border-radius:.6em;box-shadow:#000 0 0 10px 2px}.contact-box img{width:30px;transition:all .5s}.contact-box img:hover{opacity:1;transform:translateY(-5px)}.contact-box p{font-size:1rem;font-weight:100;text-align:center;margin-bottom:.8em;line-height:1.6}.contact-box>a{margin-bottom:2em;opacity:.7}.contact-box>a:hover{color:#6d23a1}.social{display:flex;column-gap:1em}@media (max-width: 768px){.contact-box{margin-top:0;width:90%}.contact-main h1{display:none}.contact-main{padding-bottom:4em}}.card-container{width:100%;height:calc(100vh - 10em);overflow-y:scroll;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:2em;padding:2em}.card-container a{text-decoration:none;color:inherit}.card{width:350px;opacity:.8;background-color:var(--color-transparent);border-radius:1.5em;padding-bottom:1.5em}.card:hover{opacity:1}.card img{width:100%;border-radius:1.5em 1.5em 0 0}.card h3{font-size:.9rem;font-weight:200;text-align:center;margin-top:1em}.websites-gallery{position:absolute;width:100%;height:100%;overflow:hidden}.cards-websites-gallery{position:absolute;width:75vw;height:50rem;top:75%;left:50%;transform:translate(-50%,-50%)}.cards-websites-gallery li{list-style:none;padding:0;margin:0;width:75vw;height:50rem;position:absolute;top:0;left:0}.cards-websites-gallery li:nth-child(1){background:url(/foto/antonio-cortesi-cover.jpg) no-repeat 50% 50%;background-size:cover}.cards-websites-gallery li:nth-child(2){background:url(/foto/boba-music-cover.jpg) no-repeat 50% 50%;background-size:cover}.cards-websites-gallery li:nth-child(3){background:url(/foto/barbara-di-profio-cover.jpg) no-repeat 50% 50%;background-size:cover}.cards-websites-gallery li:nth-child(4){background:url(/foto/casale-carla.jpg) no-repeat 50% 50%;background-size:cover}.cards-websites-gallery li:nth-child(5){background:url(/foto/caterina-camera-website.png) no-repeat 50% 50%;background-size:cover}@media (max-width: 768px){.card-container{height:auto;overflow-y:visible;flex-direction:column;padding:0;margin-top:3em}.card{width:300px;opacity:1}}.music-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;margin:auto;background-color:var(--color-transparent);border-radius:.4em}.music-container h2{font-size:2.4rem;font-weight:300;text-transform:uppercase;margin-block:.8em}.music-container p{text-align:center;margin-top:.5em;font-weight:200;line-height:1.5}.video-container{width:30vw;max-width:700px;aspect-ratio:16 / 9;margin-bottom:4em}.video-container iframe{width:100%;height:100%;border-radius:1em}.music-card-container{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;padding:2em;gap:4em;margin-top:4em;margin-bottom:4em;overflow:visible}.music-card-container .card{border-radius:0;width:350px;height:350px}.flip-card{background-color:transparent;width:400px;height:200px;perspective:1000px;margin-block:4em}.flip-card a{text-decoration:none;color:#6495ed}.flip-card a:hover{text-decoration:underline}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card-back{background-color:#fff;color:#000;text-align:center;padding:3.5em 4em}.flip-card-back{transform:rotateY(180deg)}.flip-card-front img{width:100%;height:100%}@media (max-width: 768px){.music-container{width:100%;margin-top:4em}.music-card-container{margin-top:5em}.music-container h2{font-size:1.4rem}.music-container p{font-size:.8rem}.video-container{margin:2em auto;width:90%}.music-card-container{margin:0 0 4em}.flip-card{width:100%;height:auto;aspect-ratio:16 / 9}}.info-box{min-width:40vw;width:500px;min-height:400px;height:60vh;overflow:scroll;background-color:#eee;padding:4em;border-radius:.5em;margin-top:2em;line-height:1.4em}.info-box h3{text-align:center;font-weight:500;font-size:1.8rem;margin-bottom:1em}.info-box h4,.info-box h5{margin-bottom:.5em}.info-box p,.info-box ul{font-weight:200;margin-bottom:2em;text-align:justify;-webkit-hyphens:auto;hyphens:auto;line-height:1.5em}.info-box>div{justify-content:space-between}.price>div{align-items:center;row-gap:4em}.prices-list li{list-style-type:none;padding-left:2em;margin-bottom:.2em}.info-box a{text-decoration:none;color:#6495ed}.info-box .pdf i{color:#6495ed}.info-box a:hover{text-decoration:underline}.preventivo-button i{display:block;margin-bottom:.3em}a.preventivo-button{text-decoration:none;width:fit-content;height:fit-content;padding:.8em 1.2em;border-radius:.2em;text-align:center;color:var(--color-b);transition:all 1s;background-color:#fff;box-shadow:0 0 5px #eee}a.preventivo-button:active{opacity:.7;transform:translateY(2px);box-shadow:none}@media (max-width: 768px){.info-box{width:100%;height:auto;padding:2em;border-radius:.5em;margin-top:0;line-height:1.4em}.info-box h3{text-align:center;line-height:1.4em}.info-box i{display:block;margin-bottom:.3em;font-size:25px}.prices-list{display:inline-block}.prices-list li{padding:0;text-align:center;margin-block:1em}.info-box .pdf i{text-align:center;margin-top:1em}}.form-preventivo{max-width:600px;max-height:70%;margin:4em auto;padding:20px;border:1px solid #ccc;border-radius:10px}.form-popup{width:18rem;height:8rem;position:absolute;z-index:100;top:40%;right:50%;transform:translate(50%) translateY(-50%);background-color:#333;color:#eee;text-align:center;align-content:center;display:none}form{overflow:scroll;position:relative;background-color:var(--color-soft-white)}.form-preventivo h2{text-align:center}label{display:block;margin:10px 0 5px}input[type=text],input[type=email],textarea,select{width:100%;padding:8px;margin:5px 0 15px;border:1px solid #ccc;border-radius:5px}.widget-list{display:flex;flex-wrap:wrap;gap:10px}.widget-list label{width:auto;display:flex;align-items:center;gap:5px}button[type=submit]{text-decoration:none;width:fit-content;height:fit-content;padding:.8em 1.2em;border-radius:.4em;text-align:center;color:var(--color-soft-white);background-color:#333;transition:all 1s;box-shadow:2px 2px 5px #eee}button[type=submit]:hover{opacity:.7;transform:translateY(2px);box-shadow:none}.advance-form-element{display:none;border-block:1px dashed black}.fade-in{opacity:0;transform:translateY(20px);animation:fadeIn 1s forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slow-fade-in{opacity:0;transform:translateY(20px);animation:slowFadeIn 3s forwards}@keyframes slowFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in-right{position:relative;opacity:0;transform:translate(100%);animation:slideInRight 1s forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.slide-in-left{position:relative;opacity:0;transform:translate(-100%);animation:slideInLeft 1s forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.appear{opacity:0;transform:translateY(100vh);animation:appear 1s forwards}@keyframes appear{to{opacity:1;transform:translateY(0)}}:root{--font-m: 1rem;--padding-3: 3rem;--color-w: white;--color-b: #1d1d1f;--color-cielo: #00c3ff;--color-transparent: rgb(255, 255, 255, .4);--color-soft-white: rgba(255, 255, 255, .9)}*,*:after,*:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Courier New,Courier,monospace}header{max-width:100vw;height:100vh;padding:2rem;position:relative;margin:0}h1{font-weight:200}h2{font-weight:200;font-size:var(--font-m)}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.disabled-link{position:relative;cursor:default;color:gray}.disabled-link:after{content:attr(data-tooltip);position:absolute;bottom:0%;left:50%;transform:translate(-50%);background-color:#000;color:#fff;padding:.5rem;border-radius:.25rem;font-size:.8rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out}.disabled-link:hover:after{opacity:1;visibility:visible}nav{height:auto;text-align:center;padding:1rem 0}nav ul{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}nav ul a{display:inline-block;text-decoration:none;color:#fff}nav ul li{width:120px;list-style-type:none}nav ul li a.active{background-color:var(--color-transparent);padding:.8em 2em;border-radius:2em}.volumeBtn,.backBtn{background-color:var(--color-transparent);width:50px;height:50px;padding:1rem;border-radius:50%;position:absolute;top:20px;right:20px;cursor:pointer}.volumeBtn p,.backBtn p{font-size:.6rem;text-align:center;line-height:2em}.backBtn{top:20px;left:20px;width:100px;height:fit-content;padding:.4em;border-radius:1.4em;transition:all .5s}.backBtn:hover{transform:translateY(5px)}.video-bg{position:fixed;object-fit:cover;top:0;left:0;min-width:100%;min-height:100%;z-index:-1;filter:saturate(110%)}.main-container{width:100%;height:100%;border:2px solid white;position:relative}@media (max-width: 768px){header{height:auto;overflow:scroll}nav ul{flex-direction:column;gap:1.5em}.main-container{border:0;text-align:center}.volumeBtn{top:5px;right:0}.backBtn{top:10px;left:10px;width:50px;padding:.2rem;font-size:4px}}@media (min-aspect-ratio: 16/9){.video-bg{width:100%;height:auto}}@media (max-aspect-ratio: 16/9){.video-bg{width:auto;height:100%}}