*{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}*,*:before,*:after{box-sizing:border-box}body,header,.container{transition:background-color .3s,color .3s}html{height:100%;width:100%}body{background-color:#f2f2f2;color:#141414}.circle-graph{width:100%;position:absolute;z-index:-1;box-shadow:1px 11px 40vh 20vh #02ffc259}.c1{aspect-ratio:3/1;border-radius:50%;margin-top:-19%}.c2{aspect-ratio:5/1;border-radius:50% 200% 0% 0%}header{background:#ffffff82;border-radius:0 0 16px 16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);border:1px solid rgb(255,255,255);position:fixed;z-index:10;width:100%;padding:10px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;transition:top .3s}.button{background-color:#5eefae;color:#000;text-decoration:none;font-family:montserrat;font-size:16px;border-radius:15px;display:grid;align-items:center;justify-content:center;padding:7px 20px}.container{background-color:#fff;padding:3%;border-radius:10px}#logo{font-family:unbounded;font-size:26px;width:100%}section{min-height:100vh}.group{display:flex;padding:5%;gap:5%}#about div{height:min-content}.image-feature1{max-width:250px;left:10%;margin-top:20vw;position:absolute;height:min-content}.sticky{position:sticky;max-width:40%;top:30%}.glass{background:#ffffff6e;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);border:1px solid rgba(255,255,255,.31)}nav{gap:30px;display:flex;margin:0 20px}nav a{text-decoration:none;color:unset;font-family:montserrat-bold;width:max-content}a{color:inherit;text-decoration:none}a:hover{color:#5eefae;text-decoration:none;cursor:pointer}h1{font-family:unbounded;font-size:26px}h2{font-family:unbounded;font-size:22px}h3{font-family:unbounded;font-size:18px}p{font-family:montserrat;font-size:17px;padding:5px 0}.column{display:grid;gap:30px;justify-content:center}#head-section{display:flex;padding:5% 5% 0%;justify-content:space-between;width:100%}#head-section h2{font-size:26px}#head-section-float{display:flex;padding:5% 5% 0%;justify-content:flex-end;width:100%}#head-section-float h2{font-size:26px}#head-section-float .button{background-color:#ccc}#projects{display:flex;flex-wrap:wrap;justify-content:center;gap:4%;min-height:700px;padding:5%}.project{width:min-content;height:min-content;margin:10px;display:grid;justify-items:end}.project span{font-family:unbounded;color:#5eefae;background-color:#000;font-size:18px;padding:10px;text-align:center;width:40px;height:40px;border-radius:10px;box-shadow:0 0 8px 1px #7fffd48f;margin:-20px}.project img{width:25vw;min-width:200px;border-radius:20px}.project p{margin:20px 20px 0 0;width:90%}#list-services{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:5%}#list-services h3{font-family:unbounded;font-size:20px}.graph1{position:absolute;z-index:-1}#social-bar{display:flex;align-items:flex-start;gap:20px;margin:10px 0}.social-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background-color:#adcfe1;border-radius:5px;transition:background-color .3s ease}.social-icon:hover{background-color:#5eefae}.section-chart{display:flex;flex-wrap:wrap;margin:30px 0}.chart-container{display:grid;justify-content:center;width:100px}.chart-container h3{font-family:montserrat-bold;font-size:15px;text-align:center}.circular-chart{display:block;margin:10px auto;width:70px;max-height:100px}.circle{stroke:#4cc790;fill:none;stroke-width:2.8;stroke-linecap:round;animation:progress 1s ease-in-out forwards;animation-timeline:view();animation-range:0 25vh}@keyframes progress{0%{stroke-dasharray:0 100}}.fadein{animation:fadein linear forwards 1s;animation-timeline:view();animation-range:0 50vh}@keyframes fadein{0%{scale:.7;opacity:.3}to{scale:1;opacity:1}}#floating-section{height:100vh;display:none;background-color:#f2f2f2;width:100%;padding:5%;scroll-behavior:smooth;overflow-y:scroll;overflow-x:hidden;position:fixed;border-radius:0;top:0;z-index:20}.noscroll{overflow:hidden}#cont-float{transition:opacity .2s ease-in-out}.skeleton{background-color:#ccc;height:100%;width:100%;border-radius:20px;animation:loading .5s infinite}#content img{width:-webkit-fill-available;border-radius:20px;box-shadow:0 0 20px 4px #7fffd4}#content .container{position:sticky;top:0;height:min-content}@keyframes loading{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}body.dark{background-color:#141414;color:#f2f2f2}header.dark{background:#00000081;border-radius:0 0 16px 16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(9.4px);-webkit-backdrop-filter:blur(9.4px);border:1px solid rgb(0,0,0)}.container.dark{background-color:#000}.separatore.dark{background-color:#fff!important}.glass.dark{background:#000000a8;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(9.4px);-webkit-backdrop-filter:blur(9.4px);border:1px solid rgba(0,0,0,.31)}#floating-section.dark{background-color:#141414}.footer{padding:80px 10px 20px}.legal-footer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px}.legal-footer a{font-family:montserrat}.legal-footer .separatore{width:1px;height:20px;background-color:#000}@media (max-width: 768px){.nav-desktop{display:none}#hero{flex-direction:column}#hero div{width:100%}#hero img{width:100%!important}.hero-content{background-color:#ffffffba;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:3%;border-radius:15px}.c1{aspect-ratio:1 / 1;border-radius:100%;margin-top:-63%}.hero-content.dark{background-color:#000000ba;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:3%;border-radius:15px}.section-chart{justify-content:space-around}#about .image-feature1{margin-left:auto;margin-right:auto;left:0;right:0}.group{flex-direction:column;gap:30px}#about .group .glass{width:100%;max-width:unset;margin-bottom:400px}#about .group .column{gap:0px}#about .group .column .container{margin-top:-15px}#works #head-section{position:sticky;padding:10%;top:0}.projects{flex-direction:column}.project{position:sticky;background-color:#7fffd4;padding:0 0 10px;border-radius:20px;max-width:390px;top:125px}.project.dark{background-color:#000}.project,.project img{width:100%}#logo{font-size:5vw}}