:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:1vw 0 3vw}#root{text-align:center;box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;display:flex}section{border:solid var(--border) 1px;border-radius:25px;margin:3%;padding:2%}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:16px 0;font-size:32px}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px}p{margin:0}body::-webkit-scrollbar{display:none}hr{color:#000;margin:50px 0}button{-webkit-tap-highlight-color:transparent;outline:none}#index{border-bottom:solid var(--border) 1px;justify-content:center;align-items:center;padding-bottom:1%;display:flex}.option{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:15px;margin-left:5%;margin-right:5%;padding:10px;font-size:20px;transition:all .3s}.option:hover{background-color:#9d00ff41;border:1px solid #aa3bff}.option.selected{background-color:#9d00ff9e;border:1px solid #aa3bff}#followme{text-align:center}.button-container{justify-content:center;align-items:center;gap:1.5rem;margin-bottom:0;display:flex}.follow-button{cursor:pointer;color:#fff;background-color:#2d2e32;border:2px solid #2d2e32;border-radius:50%;width:40px;height:40px;text-decoration:none;transition:all .45s}.follow-button:hover{transform-origin:50%;color:#2d2e32;background-color:#fff;transform:rotate(360deg)}.follow-button:hover .btn-svg{filter:invert()sepia()saturate(0%)hue-rotate(305deg)brightness(103%)contrast(103%)}.flex-center{justify-content:center;align-items:center;display:flex}#greeting{width:20%;margin:2% auto;display:block}#welcome{text-align:center}#notes_info{text-align:start;margin:0 5%;padding-inline-start:5%;font-size:18px}.course_option{color:#000;cursor:pointer;background-color:#fff;border:3px solid #000;border-radius:10em;padding:1em 2em;font-size:17px;font-weight:600;transition:all .3s ease-in-out;box-shadow:0 0 #000}.course_option:hover{transform:translateY(-4px)translate(-2px);box-shadow:2px 5px #000}.course_option:active{transform:translateY(2px)translate(1px);box-shadow:0 0 #000}#course_filter{flex-wrap:wrap;place-content:space-between center;gap:20px;margin:3%;display:flex}.card_container{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:4%;display:flex}.card{cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #000;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:124px;height:178px;transition:transform .3s;display:flex;position:relative;overflow:hidden}.analisi1{background:#07182e}.GAL{background:#aa7907}.fisica{background:#0799aa}.elettrotecnica{background:#048106}.analisi2{background:#6c0303}.logica_e_algebra{background:#3f0667}.misure{background:#575f02}.infostima{background:#0800a2}.automatica{background:#3c2d01}.API{background:#098f43}.card:hover{transform:scale(1.05)}.card_text{color:#fff;text-align:center;box-sizing:border-box;justify-content:center;align-items:center;height:40%;margin:0 7px;padding:0 0 5px;font-size:10px;line-height:10px;display:flex}.cover{object-fit:cover;width:100%;height:60%}.project_container{justify-content:center;align-items:center;margin-top:10%;display:flex}.project{justify-content:center;align-items:center;gap:15px;width:100%;display:flex}.project_name{text-align:center;color:#000;cursor:pointer;z-index:1;background:#fff;border:1px solid #000;border-radius:20px;align-content:center;width:80%;height:100px;font-size:18px;transition:height .2s,color .3s ease-out,border-color .3s ease-out;position:relative;overflow:hidden}.project_name:before{content:"";z-index:-1;background-color:#232222;border-radius:20px;width:0;height:100%;transition:all .3s ease-out;position:absolute;top:0;left:0}.project_name:hover:before{width:100%}.project_name:hover{color:#fff;border-color:#fff}.project_name.show_info{height:200px}.info{z-index:1;cursor:pointer;background-color:#fff;border:2px solid #000;border-radius:100%;width:50px;height:50px;transition:all .3s;position:relative;overflow:hidden}.info:before{content:"";z-index:-1;background-color:#06f;border-radius:100%;width:100%;height:100%;transition:transform .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.info:hover:before{transform:translate(-50%,-50%)scale(1)}.info:hover{color:#fff;border-color:#fff}.info.change_color:before{background-color:red}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}#index{border-bottom:solid var(--border) 1px}.option:hover{background-color:#9d00ff41;border:1px solid #aa3bff}.option.selected{background-color:#9d00ff9e;border:1px solid #aa3bff}.follow-button{color:#fff;background-color:#2d2e32;border:2px solid #616161}.button:hover{color:#616161;background-color:#fff}.course_option{color:#fff;background-color:#2d2e32;border:4px solid #fff;box-shadow:0 0 #fff}.course_option:hover,.course_option:active{box-shadow:2px 5px #fff}.project_name{color:#fff;background:#3f3f3f;border:1px solid #fff}.project_name:before{background-color:#ff2a2a3b}.project_name:hover{border-color:#ff2a2a}.info{background-color:#616161}}@media (width<=900px){:root{font-size:14px}section{border-radius:12px}h1{font-size:24px}h2{font-size:20px}.option{border-radius:10px;font-size:14px}#notes_info{font-size:14px}.course_option{border-width:2px;font-size:12px}#course_filter,.card_container{gap:15px}.card{border-radius:15px;width:89px;height:127px}.card_text{margin:0 4px;font-size:8px}.project{gap:8px}.project_name{border-radius:18px;height:60px;font-size:14px}.project_name:before{border-radius:14px}.project_name.show_info{height:120px}.info{width:45px;height:45px}}