@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Permanent+Marker&display=swap);*{box-sizing:border-box!important;margin:0;padding:0}:root{--main-bg-color:#1a1a1a;--main-text-color:#d3d3d3;--params-bg-color:#d3d3d3;--highlight-color:#2e8b57;--highlight-hover-color:#21653e;--title-font-family:"Permanent Marker",cursive;--text-font-family:"Montserrat",sans-serif;--font-weight:400}.light{--main-bg-color:#f3f3f3;--main-text-color:#1a1a1a;--params-bg-color:#2a2a2a;--highlight-color:#2e8b57;--font-weight:500}body{font-family:Montserrat,sans-serif;font-family:var(--text-font-family);width:100%}body,body .light{background-color:#1a1a1a;background-color:var(--main-bg-color);color:#d3d3d3;color:var(--main-text-color);font-weight:400;font-weight:var(--font-weight)}body::-webkit-scrollbar{display:none}.main--container{display:flex;flex-direction:column;height:100vh}.main--container>*{padding-inline:8vh}.highlight-text{color:#2e8b57;color:var(--highlight-color);font-weight:600}@keyframes fadeInScale{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.staged-fadein-scale{animation:fadeInScale .9s forwards;opacity:0}.staged-appear{animation:fadeInUp .7s forwards;opacity:0}.staged-fadein-scale.delay-1{animation-delay:.2s}.staged-appear.delay-2{animation-delay:1.2s}.staged-appear.delay-3{animation-delay:1.7s}.staged-appear.delay-4{animation-delay:2.3s}.invisible{opacity:0!important;pointer-events:none}.layout--main{background-color:#1a1a1a;background-color:var(--main-bg-color);display:flex;flex:1 1;flex-direction:column}.toggle-switch{align-self:flex-end;cursor:pointer;height:22px;margin:auto;position:relative;width:45px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#2e8b57;bottom:0;left:0;position:absolute;right:0;top:0;transition:.4s}.slider,.slider.round{border-radius:34px}.slider.round:before{background-color:#fff;border-radius:50%;bottom:2.59px;content:"";height:16.82px;left:2.59px;position:absolute;transition:.4s;width:16.82px}input:checked+.slider{background-color:#2e8b57}input:checked+.slider:before{transform:translateX(22px)}.header--page{align-items:center;display:flex;flex-direction:row;height:15vh;justify-content:space-between;margin-bottom:3vh;z-index:10}.header--logo{width:70px}.header--page>div>nav{align-items:center;display:flex;flex-direction:row;gap:5vh;justify-content:space-between}.header--link{color:#d3d3d3;color:var(--main-text-color);font-size:18px;font-weight:500;text-decoration:none;transition:transform .3s ease}.header--link:hover{text-decoration:underline;transform:scale(1.05)}.selected{color:#2e8b57;font-size:18px;text-decoration:underline}.header--page>div>nav>div{align-items:center;display:flex;flex-direction:row;gap:2vw;justify-content:center}.gear-icon>img,.header--contact>img{transition:transform .3s ease;width:2rem}.gear-icon{background-color:initial;border:none;cursor:pointer;margin:auto}.header--params{align-items:flex-start;background-color:#d3d3d3;background-color:var(--params-bg-color);border-radius:5px;display:flex;flex-direction:column;gap:2vh;padding:2vh;position:absolute;right:0;top:12vh;width:11vw}.header--mode{align-items:center;display:flex;flex-direction:row;gap:1.5vw}.header--mode>p{color:#1a1a1a;color:var(--main-bg-color);font-size:16px;font-weight:500}.languages-toolbar{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.language-b{background-color:#1a1a1a;background-color:var(--main-bg-color);border:none;color:#d3d3d3;color:var(--main-text-color);cursor:pointer;font-family:Montserrat,sans-serif;font-family:var(--text-font-family);font-size:.85rem;font-weight:500;padding:5px}.active-language{background-color:#2e8b57}.home--page{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:3vh;margin:0 auto;width:50%}.home--page>h1{color:#2e8b57;font-family:Permanent Marker,cursive;font-family:var(--title-font-family);font-size:92px;font-weight:600;margin-top:12vh}.home--page h3{background-color:#2e8b57;background-color:var(--highlight-color);border-radius:10px;color:#1a1a1a;color:var(--main-bg-color);cursor:pointer;font-size:12px;font-weight:600;margin-right:auto;padding:.3rem}.home--page h3:hover{background-color:#21653e;background-color:var(--highlight-hover-color)}.home--page>p{font-size:16px;font-weight:400;font-weight:var(--font-weight);text-align:justify}.home--links{display:flex;flex-direction:row;gap:5vh}.home--link{color:#d3d3d3;color:var(--main-text-color);font-size:18px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,color .3s ease}.home--link:hover{color:#2e8b57;color:var(--highlight-color);text-decoration:underline;transform:scale(1.05)}.project-intro--container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:12vh}.project-intro--container>h1{color:#2e8b57;font-family:Permanent Marker,cursive;font-family:var(--title-font-family);font-size:60px;font-weight:900}.project-intro--container>p{font-family:Montserrat,sans-serif;font-family:var(--text-font-family);font-size:1.15rem;text-align:justify}.container{margin-top:10vh;text-align:center;width:100%}.circle{stroke:#2e8b57;stroke-dasharray:650;stroke-dashoffset:650;opacity:.3;transition:all .5s ease-in-out}.playBut{display:inline-block;transition:all .5s ease;.triangle{stroke-dasharray:240;stroke-dashoffset:480;stroke:#d3d3d3;stroke:var(--main-text-color);transform:translateY(0);transition:all .7s ease-in-out}&:hover{.triangle{stroke-dashoffset:0;stroke:#2e8b57;animation:nudge .7s ease-in-out;opacity:1;@keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}to{transform:translateX(0)}}}.circle{stroke-dashoffset:0;opacity:1}}}.works--page{display:flex;flex:1 1;flex-direction:row;justify-content:space-between;width:100%}.works--page.intro{align-items:flex-start;display:flex;justify-content:center}.project--navigation{display:flex;flex-direction:column;max-height:80vh;position:relative}.project--navigation-title{color:#d3d3d3;color:var(--main-text-color);font-size:1.5rem;font-weight:500;padding:.8vw}.project--selected-languages{display:flex;flex-direction:row;flex-wrap:wrap;gap:.4vw;margin:.5vh 0;padding-left:.8vw}.project--selected-language{align-items:center;border:.5px solid #d3d3d3;border:.5px solid var(--main-text-color);border-radius:5px;box-shadow:0 0 5px #ffffff80;display:flex;flex-direction:row;font-size:.6rem;font-weight:500;gap:.25vw;justify-content:center;padding:.1vh .25vw}.project--selected-language,.project--selected-language-button{background-color:#d3d3d3;background-color:var(--main-text-color);color:#1a1a1a;color:var(--main-bg-color)}.project--selected-language-button{border:none}.project--selected-language-button:hover{cursor:pointer}.project--selected-language:hover{background-color:#d3d3d3;background-color:var(--main-text-color);color:#1a1a1a;color:var(--main-bg-color);cursor:pointer}.project--navigation-button{align-self:center;background-color:#2e8b57;background-color:var(--highlight-color);border:none;border-radius:100%;bottom:10px;color:#1a1a1a;color:var(--main-bg-color);font-size:1rem;font-weight:900;height:25px;left:50%;padding:none;position:absolute;transform:translateX(-50%);transition:.2s ease;width:25px;z-index:1000}.project--navigation-button:hover{cursor:pointer}.project--thumbnails{-ms-overflow-style:none;display:flex;flex-direction:column;gap:3vh;overflow-y:auto;scrollbar-width:none}.project--thumbnail{align-items:flex-start;border-radius:5px;display:flex;flex-direction:row;gap:2vh;justify-content:flex-start;padding:.8vw;text-decoration:none;transition:.3s ease;width:25vw}.project--thumbnail:hover{background-color:#d3d3d352;cursor:pointer}.project--thumbnail-image{border-radius:2px;height:13vh;width:13vw}.project--thumbnail-right{display:flex;flex-direction:column;height:100%;justify-content:space-between}.project--thumbnail-title{color:#d3d3d3;color:var(--main-text-color);font-size:1rem;font-weight:600}.project--thumbnails-languages{-ms-overflow-style:none;display:flex;flex-direction:row;gap:.4vw;margin-top:.5vh;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.project--thumbnail-language{border:.5px solid #d3d3d3;border:.5px solid var(--main-text-color);border-radius:5px;color:#d3d3d3;color:var(--main-text-color);font-size:.6rem;font-weight:500;padding:.1vh .25vw}.project--thumbnail-language:hover{background-color:#d3d3d3;background-color:var(--main-text-color);color:#1a1a1a;color:var(--main-bg-color);cursor:pointer}.project--title{color:#2e8b57;color:var(--highlight-color);font-family:Permanent Marker,cursive;font-family:var(--title-font-family);font-size:3rem;text-align:center}.project--images{display:flex;flex-direction:row;flex-wrap:nowrap;gap:2vw;justify-content:space-around;overflow:hidden;padding:3vh}.project--image{border-radius:5px;box-shadow:0 0 5px #fff3,0 0 10px #f0f6,0 0 15px #0ff6,0 0 20px #ff06;height:20vh;object-fit:fill;transition:.3s ease;width:20vw}.project--image:hover{box-shadow:0 0 5px #fff3,0 0 10px #f0f9,0 0 15px #0ff9,0 0 20px #ff09;cursor:pointer;transform:scale(1.05)}.project--info{align-items:flex-start;display:flex;justify-content:space-between;margin:3vh 0 auto 1vh;padding:0 4vh 0 3vh;position:relative}.project--text{display:flex;flex-direction:column;gap:3vh;text-align:left;width:60%}.project--description-link{color:#d3d3d3;color:var(--main-text-color);font-weight:700;text-decoration:none}.project--links{background-color:var(--background-color);border:2px solid #2e8b57;border:2px solid var(--highlight-color);border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:1rem;width:35%}.project--link{color:var(--link-color);display:block;font-weight:700;margin:.5rem 0;text-decoration:none}.project--link:hover{text-decoration:underline}.project--useful-links{color:#2e8b57;color:var(--highlight-color);font-size:1.5rem;margin-bottom:1rem}.project--github-link{margin-right:10vw;transition:.2s ease;width:100px}.project--github-link:hover{cursor:pointer;transform:scale(1.1) rotate(1turn)}.fullscreen-modal{align-items:center;background-color:#000c;cursor:pointer;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.fullscreen-image{border-radius:5px;max-height:90%;max-width:80%;object-fit:contain}.dots{display:flex;justify-content:center;margin:2vh 0 0}.dots--container{display:flex;flex-direction:row;margin:0 8px}.dot{background-color:#ffffff80;border-radius:50%;cursor:pointer;height:8px;margin:0 5px;width:8px}.dot.active{background-color:#fff}.dots>button{align-items:center;background-color:initial;border:none;border-radius:100%;color:#d3d3d3;color:var(--main-text-color);display:flex;height:10px;justify-content:center;margin-top:.1vh;transition:transform .3s ease;width:10px}.dots>button:hover{transform:scale(2) translateY(.08vh)}.project--pagination{display:flex;flex-direction:row;gap:2vh;justify-content:center;list-style:none;margin-bottom:3vh}.project--pagination-item-container{align-items:center;background-color:#2a2a2a;border-radius:5px;display:flex;height:30px;justify-content:center;width:30px}.project--pagination-item{color:#fff;cursor:pointer;font-size:18px;font-weight:500;text-decoration:none;transition:transform .3s ease}.project--container>button:hover{box-shadow:0 0 10px 0 #2e8b57;transform:scale(1.05)}.about--page{flex:1 1;justify-content:space-evenly}.about--intro,.about--page{align-items:center;display:flex;flex-direction:column}.about--intro{gap:5vh;line-height:1.4;width:90%}.about--intro>h1{align-self:flex-start;color:#2e8b57;font-family:Permanent Marker,cursive;font-family:var(--title-font-family);font-size:4rem;font-weight:900;text-align:center}.about--intro>p{font-family:Montserrat,sans-serif;font-family:var(--text-font-family);font-size:1rem;font-weight:400;text-align:justify}.about--download{width:90%}.about--cv{color:#d3d3d3;color:var(--main-text-color);font-size:18px;text-decoration:none;transition:transform .3s ease}.about--cv:hover{border-bottom:1px solid #d3d3d3;border-bottom:1px solid var(--main-text-color);box-sizing:border-box;transform:scale(1.05)}@media (max-width:1100px){.main--container>*{padding-inline:5vh}.header--page{height:15vh}.header--logo{width:60px}.header--page>nav{gap:3vh}.header--page>nav>div{gap:1.5vh}.home--page>p{max-width:100%}.works--page>div>ul{border-right:1px solid #d3d3d3;display:flex;flex-direction:column;font-size:15px;gap:3vh;list-style:none;padding-right:10vh}.project--container{gap:2vh;margin-bottom:3vh}.project--top{flex-direction:column;font-size:15px;gap:3vh;text-align:center}.project--container>h2{padding:1vh 0}.project--top>img{align-self:center;width:100%}.project--top>img.rapizza{width:100%}.project--top>div>p{font-size:13px}.project--nav{width:100%}.project--nav>button{flex:1 1;font-size:14px;padding:2vh 20vh}.project-intro--container>h1{text-align:center}.project-intro--container>p{font-size:16px;text-align:justify}.container{margin-top:10vh}.about--intro>p{max-width:100%}.about--skills{margin-left:auto;margin-right:auto}}@media (max-width:1250px){.header--mode{flex-direction:column;gap:1vh}.home--page{width:90%}.header--params{position:absolute;right:2vw;top:12vh;width:20vw}.header--mode{display:flex;flex-direction:row}.project--images{flex-direction:row;flex-wrap:wrap;gap:2vw;justify-content:center;padding:3vh 0}.project--image{height:18vh;width:18vw}.about--page{align-items:center;display:flex;flex-direction:column;gap:4vh;justify-content:center}}@media (max-width:480px){:root{--mobile-padding-inline:4vh}.main--container>*{padding-inline:var(--mobile-padding-inline)}.switch-container{align-items:center;display:flex;gap:10px}.switch{display:inline-block;height:20px;position:relative;width:41.7px}.switch input{height:0;opacity:0;width:0}.moon-icon,.sun-icon{color:#2e8b57;color:var(--highlight-color);cursor:pointer;font-size:1.3rem}.header--page{background-color:#1a1a1a;background-color:var(--main-bg-color);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:0;padding-top:3vh;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header--logo{width:50px}.header--link{font-size:1.1rem}.navbar--container{background-color:#2e8b57;background-color:var(--highlight-color);border-radius:10px;bottom:8%;left:var(--mobile-padding-inline);opacity:.95;padding:1.8vh 0;position:fixed;right:var(--mobile-padding-inline);z-index:1000}.navbar--list{justify-content:space-around;list-style:none}.navbar--link,.navbar--list{align-items:center;display:flex}.navbar--link{cursor:pointer;justify-content:center}.selected .navbar--icon{color:#d3d3d3;color:var(--main-text-color)}.navbar--icon{color:#1a1a1a;color:var(--main-bg-color);font-size:1.4rem}.navbar--params{background-color:#d3d3d3;background-color:var(--params-bg-color);border-radius:10px;bottom:8vh;display:flex;flex-direction:column;gap:1.5vh;padding:2vh;position:absolute;right:4vh;width:35vw}.navbar--params .header--languages{align-self:center}.navbar--params-link{align-items:center;border-radius:5px;color:#1a1a1a;color:var(--main-bg-color);display:flex;flex-direction:row;gap:.8vw;justify-content:flex-start;text-decoration:none}.navbar--params-link:hover{background-color:#b8b8b8;cursor:pointer}.navbar--params-link>img{width:8vw}.navbar--params-link>img.email{padding:2%}.navbar--params-link>p{font-size:.9rem;font-weight:500}.home--page{gap:5vh;margin:0 auto;width:90%}.home--page>h1{font-size:4rem;margin-top:8vh}.home--page>p{font-size:1rem;line-height:1.6;margin-bottom:5vh;max-width:100%;text-align:left}.project-intro--container{gap:5vh;margin-top:8vh}.project-intro--container>h1{font-size:3rem;line-height:1;text-align:center}.project-intro--container>p{font-size:.9rem;line-height:1.4;text-align:center}.container{margin-top:0}.project-page{display:flex;flex-direction:column;gap:3vh;margin:2vh 0 20vh}.project--images{flex-direction:column;padding:3vh 3vh 0}.project--image{height:100%;width:100%}.project--info{flex-direction:column;gap:2vh;margin:0;padding:0 1vw}.project--menu{background-color:initial;border:none;color:#d3d3d3;color:var(--main-text-color);font-family:Montserrat,sans-serif;font-family:var(--text-font-family);font-size:1rem;font-weight:700}.project--menu:hover{cursor:pointer;text-decoration:underline}.project--menu-title{color:#d3d3d3;color:var(--main-text-color)}.project--text{font-size:.9rem;gap:2vh;line-height:1.4;width:100%}.project--links{width:100%}.project--nav{align-items:center;display:flex;justify-content:space-between;padding:0 1vw}.project--thumbnails{background-color:#1a1a1a;background-color:var(--main-bg-color);padding:2vh}.project--thumbnail{width:100%}.project--thumbnail-image{border-radius:2px;height:10vh;width:30vw}.project--thumbnail-title{color:#d3d3d3;color:var(--main-text-color);font-size:.9rem}.project--thumbnail-language{font-size:.6rem;margin-right:.5vw;padding:.1vh .25vw}.about--page{gap:3vh;margin-bottom:20vh;margin-top:2vh}.about--intro{width:100%}.about--intro>h1{align-self:center;font-size:3rem;line-height:1.6;text-align:center}.about--intro>p{font-size:1rem;line-height:1.6;text-align:left}.about--download{width:100%}.about--cv{font-size:1rem}}
/*# sourceMappingURL=main.1a8571b1.css.map*/