*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style-type:none}body{background-color:#101822;padding-top:20px}a{color:#fff}.grigio{color:#909fb4}.celeste{color:#60a5fa}.blu{color:#2b8cee}h1{font-size:30px}@media screen and (min-width:1024px){h1{font-size:60px}}h2{font-size:26px}@media screen and (min-width:1024px){h2{font-size:36px}}h3{font-size:22px}@media screen and (min-width:1024px){h3{font-size:24px}}p{font-size:18px}@media screen and (min-width:1024px){p{font-size:20px}}a:hover{text-decoration:underline}textarea{resize:none;height:200px;width:100%}.vediTutto{display:flex;align-items:center;gap:6px;margin-top:6px;cursor:pointer;width:fit-content}.vediTutto:hover{text-decoration:underline}@media screen and (min-width:1024px){.vediTutto{font-size:20px}}.card{background-color:#151c24;border:1px solid #26303e;border-radius:12px;padding:12px;height:fit-content}.input{background-color:#151c24;border:none;outline:none;border:1px solid #313e51;border-radius:6px;padding:14px;color:#60a5fa;width:100%}.button{color:#fff;font-weight:600;border:none;cursor:pointer;padding:6px;border-radius:6px;font-size:16px}.button:hover{text-decoration:underline}@media screen and (min-width:1024px){.button{padding:12px;font-size:18px}}.button.buttonBlue{background-color:#0C5196;margin-right:4px}.button.buttonGrey{border:1px solid #bfc8d4}.container{width:70%;margin:0 auto;max-width:1200px}.borderBottom{border-bottom:1px solid grey}.marginTOP40{margin-top:40px}.marginBOTTOM40{margin-bottom:40px}.margin10{margin:10px 0}.paddingBOTTOM40{padding-bottom:40px}.paddingTOP40{padding-top:40px}#occupazioneH4{font-size:12px;color:#2a86e3;text-transform:uppercase;margin-left:4px}@media screen and (min-width:1024px){#occupazioneH4{font-size:18px}}header{display:flex;flex-direction:row;justify-content:space-around;align-items:center;color:#fff;border-bottom:1px solid grey;padding-bottom:6px}@media screen and (min-width:1024px){header{padding-bottom:18px}}.logo h3{display:inline;vertical-align:middle}.logo .lucide.lucide-code-icon{vertical-align:middle;color:#2b8cee;margin-right:4px;width:25px;height:25px}@media screen and (min-width:320px){#menuPC{display:none}}@media screen and (min-width:1024px){.logo .lucide.lucide-code-icon{width:35px;height:35px}#menuPC{display:flex}#menuPC ul{display:flex;gap:40px}#menuPC ul li a{color:#bfc8d4;font-size:20px}#menuPC ul li a:hover{text-decoration:underline}#menuMobile{display:none}}.menu{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;position:fixed;top:0;right:-100%;z-index:100;background-color:#101822;transition:all 0.2s ease-in-out}.menu li{margin-top:40px}.menu li a{padding:10px;display:inline-block;text-decoration:none;color:#bfc8d4;text-align:center;transition:0.15s ease-in-out;position:relative;font-size:24px}.menu .close-menu,.menu .open-menu,.fa-bars,.fa-navicon{margin:40px;font-size:24px}.menu .close-menu:hover,.menu .open-menu:hover,.fa-bars:hover,.fa-navicon:hover{cursor:pointer}.close-menu{transform:translateY(40px)}.close-menu,.open-menu{color:grey}#check:checked~.menu{right:0}#check{display:none}#Chisono{display:flex;flex-direction:column;gap:20px;color:#fff}@media screen and (min-width:1024px){#Chisono{max-width:50%}}#Chisono #Chisono_occupazione{display:flex;align-items:center}#Chisono #Chisono_occupazione #rigaBlu{display:block;height:2px;width:10%;background-color:#2b8cee}#Chisono #Chisono_occupazione h3{margin-left:4px;text-transform:uppercase}#Chisono #Chisono_testo p{margin:14px 0}#progetti{color:#fff;display:flex;flex-direction:column;gap:20px;background-color:#0b1219}#progetti_testo h2{margin-bottom:4px}#progetti_testo a{color:#fff}#progetti_box{display:flex;flex-direction:column;gap:40px}@media screen and (min-width:1024px){#progetti #progetti_box{flex-direction:row}}.card .head_progetti{display:flex;justify-content:space-between;margin-bottom:8px}.card .head_progetti .iconSiteFirst{color:#60a5fa}.card .head_progetti .iconSiteSecond{color:#fb923c}.card .head_progetti .iconSiteThird{color:#b47ced}.card .content h3:hover{text-decoration:underline;cursor:pointer}.card .content p{margin:8px 0;border-bottom:1px solid #26303e;padding-bottom:10px}.card .tecnologie ul{display:flex;flex-wrap:wrap;margin:12px 0;gap:8px}.card .tecnologie ul li{background-color:#151c24;border:2px solid #26303e;padding:6px}.competenze{display:flex;flex-direction:column;color:#fff}.competenze .competenze_titolo h2{margin-bottom:10px}.competenze .competenze_content{display:flex;flex-direction:column;gap:40px}@media screen and (min-width:1024px){.competenze .competenze_content{flex-direction:row}}@media screen and (min-width:768px){.competenze .competenze_content .card{max-width:50%;padding:20px}}@media screen and (min-width:1024px){.competenze .competenze_content .card{max-width:auto}}.card .head_competenze{margin-bottom:10px}.card .head_competenze svg{vertical-align:middle}.card .head_competenze #iconTool{color:green}.card .head_competenze #IconBackEnd{color:orange}.card .head_competenze h3{display:inline;line-height:1;vertical-align:middle;margin-left:4px}.card .body ul li{margin:18px 0;color:#d0d6de}.card .body ul li span{border-radius:12px;padding:4px;margin:2px 6px;color:#413C34}.card .body ul li .base{background-color:#fef9c3}.card .body ul li .intermedio{background-color:#dbeafe}.card .body ul li .avanzato{background-color:#dcfce7}.certificazioni{background-color:#0b1219;color:#fff}.certificazioni .certificazioni_testo h2{margin-bottom:10px}.certificazioni .certificazioni_content{margin-top:40px;display:flex;flex-direction:column;gap:20px}@media screen and (min-width:1024px){.certificazioni .certificazioni_content{flex-direction:row}.certificazioni .certificazioni_content .card{padding-right:80px}}.certificazioni a{line-height:1;vertical-align:middle}.certificazioni a svg{vertical-align:middle;width:15px;height:15px}.contatti{color:#fff;display:flex;flex-direction:column;gap:20px}@media screen and (min-width:1024px){.contatti{flex-direction:row}.contatti .testo,.contatti .form{max-width:50%}}.contatti ul li{margin:4px 0;text-decoration:underline #0a34a8}@media screen and (min-width:1024px){.contatti ul li{font-size:22px}}.contatti .form{background-color:#1e2630}@media screen and (min-width:1024px){.contatti .form{width:100vw}}.contatti form{display:flex;flex-direction:column}.dichiarazioniFin{background-color:#1e2630;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.dichiarazioniFin h3{display:inline;vertical-align:middle}.dichiarazioniFin svg{vertical-align:middle}.copyright h4{margin-top:4px}