{"version":3,"sourceRoot":"","sources":["../../_sass/normalize.scss","../../_sass/syntax.scss","../../_sass/site.scss","../../_sass/variables.scss","../../_sass/mixins.scss","../../_sass/elements.scss","../../_sass/gallery.scss","../../_sass/print.scss"],"names":[],"mappings":"AAAA,4EAEA,KACE,0BACA,8BAGF,KACE,SAMF,oFAYE,cAGF,4BAIE,qBAGF,sBACE,aACA,SAGF,SACE,wBAGF,kBAEE,aAMF,EACE,+BAGF,yBAGE,gBAMF,YACE,mBACA,0BACA,iCAGF,SAEE,oBAGF,SAEE,mBAGF,IACE,kBAGF,GACE,cACA,eAGF,KACE,sBACA,WAGF,MACE,cAGF,QAEE,cACA,cACA,kBACA,wBAGF,IACE,eAGF,IACE,WAMF,IACE,kBAGF,eACE,gBAMF,kBAIE,gCACA,cAGF,OACE,SAGF,GACE,uBACA,WACA,iBAMF,6BAIE,aAGF,SACE,iBAGF,oBAGE,iBAGF,6BAIE,SAGF,cAEE,oBAGF,gDAIE,eAGF,WACE,eAGF,qDAIE,0BACQ,kBAGV,iDAEE,SACA,UACA,UAGF,2CAEE,8BAGF,SACE,wBACA,aACA,2BAGF,OACE,sBACA,cACA,cACA,eACA,UACA,mBAGF,SACE,cAGF,6BAEE,sBACA,UAGF,kFAEE,YAGF,cACE,6BACQ,qBAGV,qFAEE,wBAGF,6BACE,0BACQ,kBACR,aC5PF,cACE,YAGF,WACE,yBACA,cACA,kBAEA,eACE,kBACA,SACA,YACA,gBAGF,8FACA,yCAEA,4BACA,uDACA,4BACA,4BACA,4BACA,4BACA,4BACA,6BACA,6BACA,6BACA,6BACA,iCACA,gCACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,4BACA,4BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,4BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BC9DF,2CAEA,4BAEA,kBACE,eACA,YAGF,KACE,WCpBM,QDqBN,WACA,YCzBc,kBD4BhB,WACE,WCzBM,QD0BN,aACA,WACA,gBACA,oCACA,yBACA,wBACA,6BAGF,YACE,kCACA,kBACA,YC5Cc,gBD6Cd,6BACA,WACA,iBACD,UACC,0BACD,qBACC,sBACD,6BAGD,WACE,iBACA,kBACA,WACA,gBACA,oBAGF,YACE,gBACA,YACA,aACA,WACA,mBACA,WChEM,QDiEN,0CACD,UACA,qBACA,mBACA,sBACA,6BACA,gBACE,mBACA,YACA,aAKH,WACE,YCrFc,gBDsFd,eACA,WACA,eACA,gBACA,MChFiB,oBDiFlB,UACA,mBACC,0BACD,sBACA,6BAGD,sBACE,GACE,UAGF,KACE,WAIJ,qBACE,GACE,WACA,iBAGF,KACE,aACA,iBAIJ,sBACE,GACE,UAGF,IACE,UAGF,KACE,WAGJ,aACC,WACA,YAED,WACE,2BACA,sBACA,6BACA,iBCvIM,QDwIN,WACA,iBACA,aACA,8CAGF,uBACE,GACE,aACA,iBAGF,KACE,YACA,gBAIJ,YACE,kCACA,MC7JM,QD8JN,6CACA,WACA,YCrKc,gBDsKd,0BACA,wBACA,6BAGF,WACE,WACA,iBACA,iBACA,kBACA,oBAGF,iBACE,iBACD,gBACC,gBACA,iBCjLM,QDkLN,kBACA,8CACA,YCxLc,kBDyLd,0BACD,oBACC,sBACA,6BACD,UAGD,eACE,WACA,gBACA,kBACA,gBACA,iBCjMM,QDkMN,kBACA,8CACA,WACA,0BACA,sBACA,6BAEA,kBACE,iBACA,MC5MI,QD6MJ,WACA,gBACA,kBAIJ,gBACE,iBACA,MCrNM,QDsNN,WACA,gBACA,kBAGF,cACE,iBACA,cACA,WACA,gBACA,kBAGF,kCACE,qBACA,MCrOM,QDsON,WACA,0BACA,uBACA,oBAGF,8CACE,MCxOiB,oBD2OnB,4BACE,aACA,eACA,wBACA,WACA,YCxPc,kBD2PhB,YACE,WACA,WACA,iBAGF,eACE,WACA,iBAGF,WACE,wBACA,eACA,YACD,kBACA,iBACC,YC9Qc,gBDiRhB,gBACE,kBACA,wBACA,eACA,YACA,eACA,kBACA,YCxRc,gBD2RhB,uBACC,WACC,WACA,UACA,iBACA,yBACD,MC5RO,QD+RR,QACE,YACA,gBACA,iBCjSM,QDkSN,kBACA,8CACA,YACA,kBACA,+BACA,wBACA,6BAEA,WACE,iBACA,MC7SI,QD8SJ,YCnTY,gBDoTZ,gBACA,mBACA,0BACA,wBACA,6BAGF,WACE,YACA,gBACA,WACA,mBACA,kBACA,MC5TI,QD8TJ,aACE,qBACA,WACA,MCjUE,QDkUF,0BACA,wBACA,oBACA,YAEA,mBACE,YACA,WACA,kBACA,qBACA,iBCvUW,oBD4UjB,WACE,YACA,iBACA,kBACA,yBAIJ,QACE,sBACA,YACA,YACA,kBACA,gBACA,YACA,6BACA,wBACA,6BAGF,cACE,cACA,eACA,iCACA,WACA,YACA,YACA,eACA,iBACA,aACA,WACA,YACA,YAGF,eACE,+BACA,WACA,eACA,aACA,YACA,0BACA,wBACA,6BAGF,aACE,iCACA,gBACA,iBACA,WACA,cACA,gBACA,YACA,0BACA,wBACA,6BACA,gBACA,gBACE,WAGF,eACE,kBACA,mBACA,mBACA,gBACA,MCpZI,QDqZJ,WACA,YC1ZY,4BD2ZZ,qBACA,uCACA,uBACA,oBAEA,qBACE,kBACA,mBACA,gBACA,4CACA,MC5Za,oBD6Zb,WACA,YCvaU,4BDwaV,qBAKN,UACE,4CAEA,gBACE,uCAIJ,WACE,gBACA,qBAGF,eACE,WACA,YAGF,QACE,WACA,gBACA,WACA,YCpcc,gBDqcd,WC/bM,QDgcN,oCACA,2BACD,qBACC,wBACA,6BACD,UAGD,uBACE,GACE,UAGF,KACE,WAIJ,MACE,eACA,gBACA,MCtdM,QDudN,0BACA,wBACA,6BACD,kBACA,UACC,WACA,YACA,WAIF,yBACE,GACE,UACA,UAGF,IACE,UACA,UAGF,KACE,UACA,aAIJ,2BACE,GACE,UACA,UAGF,IACE,UACA,UAGF,IACE,UAGF,KACE,UACA,aAMJ,oBACC,WACA,UAGD,0BACE,iBC/gBM,QDghBP,kBACC,gCACA,yBACA,2CAIF,0BACE,+BAKF,YACE,mBAGA,WAGF,eACE,gBAGF,cACE,iBCziBM,QD0iBN,YACA,YACA,8CACA,WACA,0BACA,wBACA,6BACA,0BACD,UACA,mBACC,wBACA,6BAGF,eACE,aACA,YACA,kBACA,iBACA,kBACD,mBACG,aACA,YAIJ,cACE,kBACA,eACA,cACA,gBACA,mBACA,YC/kBc,4BDglBf,gBACC,MC7kBM,QD8kBN,0BACA,wBACA,oBACA,sBACC,eACA,MC9kBgB,oBDmlBnB,UACE,kBAIA,SACE,iBACA,qBACA,YACA,yBACA,kBACA,qBACA,qCACA,wBACA,oBAEA,eACE,eACA,iBC1mBE,QD2mBF,MC1mBE,QD+mBR,cACE,YACA,qBACA,eACA,YCvnBc,kBD0nBhB,SACE,gBACA,WACA,gBACA,8CACA,kBACA,iBC5nBM,QD6nBN,0BACA,wBACA,6BAGF,UACE,WACA,gBACA,WACA,eAEA,aACE,iBACA,kBACA,MC5oBI,QD6oBJ,YClpBY,gBDqpBd,YACE,qBACA,kBAIJ,cACE,WACA,gBACA,WACA,aACA,kBAEA,iBACE,kBACA,MC/pBI,QDgqBJ,YCrqBY,gBDwqBd,gBACE,qBAKJ,eACE,aAGF,cACC,kBACC,0BACD,UACA,mBACC,sBACA,6BACD,kBACC,WACA,gBACA,YACA,MCvrBM,QDwrBL,6BACD,gCACC,wBACA,oBACD,wBACC,WACC,8BAKH,gBACC,2BACA,yBACC,qDACD,sBACE,2CAIJ,SACC,aAED,QACI,iBACA,iBACA,cErrBF,UFsrBoB,GErrBpB,2BFsrBE,iBCxsBmB,QDysBnB,sBEnsBoB,cFosBH,IAGrB,QACE,kCACA,gBACA,iBACA,WACA,cACA,gBACA,YACA,gBACA,iBACD,UACA,mBACC,iCAEA,WACE,WACA,cAEA,aACE,aACA,kBACA,MC/uBE,QDgvBF,WACA,qBACA,YCtvBU,4BDwvBV,mBACE,aACA,kBACA,iBCvvBA,QDwvBA,6BACA,MCxvBA,QDyvBA,oDACA,WACA,qBAMR,aACC,aAED,aACC,aAED,0BACC,aACC,eACC,WACA,gBACD,UACA,mBACC,iCACD,cACA,kBACA,QACA,UACA,YACA,MCpxBM,QDqxBL,YACD,UACA,qDACA,mBACC,eACC,2CAGH,aACC,aACA,kBACA,qBACA,QACA,UACA,YACA,aACA,UACA,iBCtyBM,QDuyBN,oCAED,QACE,eACD,iBACA,kBACC,cACD,YACC,gBACD,WACC,YACA,WACE,cACA,aACE,aACA,kBACA,MCxzBC,QDyzBJ,YACG,qBACA,YC/zBS,4BDi0BT,mBACE,aACA,kBACA,iBCh0BD,QDi0BC,6BACA,MCj0BD,QDk0BC,oDACA,qBAKR,WACC,UACA,iBAED,WACC,WAED,YACC,WAED,WACC,aAED,YACC,WACA,eACA,iBACA,kBAED,WACC,kBACA,WACA,iBACA,kBACA,eAED,qBACE,GACE,WACA,iBAEF,KACE,aACA,iBAGJ,cACC,cAIF,cACE,aACA,eACA,SACA,uBACA,mBACA,mBAGF,6BAEE,aACA,kBACA,mBACA,oBACA,mBACA,uBAEA,qBACA,WCr4BM,QDs4BN,MCr4BM,QDs4BN,iCACA,qCACA,qBACA,gHAGF,+BACE,iBACA,cAIF,sEAEE,WCp5BM,QDq5BN,MCt5BM,QDu5BN,6BACA,2BACA,sCAIF,oCACE,wBACA,qCAIF,2CACE,gBAIF,yBACE,0CACA,iDAEF,6BACE,WC56BM,QD66BN,MC96BM,QDg7BR,2DAGA,YACE,YAEA,qBACA,cAEF,gBACE,cACA,eACA,YAIF,WACE,WACA,qBACA,cAEF,eACE,cACA,eACA,YAIF,iBACE,WACA,cACA,WAIF,yBACE,uBAEE,WACA,eACA,mBAIJ,0BAEE,8BACE,uBACA,8BACA,cACA,mBAIF,KACE,6BACA,4BAOJ,yBAGE,+BAGE,WACA,WACA,eACA,iBACA,kBAEF,sBACA,sCAGA,eACE,aACA,eACA,uBACA,SACA,gBAEF,cACE,WACA,uBACA,SAEF,kCAEE,WACA,gBACA,YACA,iBACA,iBAIF,2CAGA,+BACA,sBAIA,aACE,YACA,gBACA,gBACA,kBAEF,gBACE,WACA,gBACA,gBAIF,0CACA,2DAGA,8CAGA,mCAGA,sBAMF,yBAEE,oBAGA,yBAGA,sBACA,sCAGA,WACE,WACA,gBACA,oBACA,cAIF,gDAC2B,6BAG3B,yBACA,gDACA,0BAGA,gEAGA,yDAIF,uCACE,qBACE,oCACA,uCACA,sCGnmCJ,iBACC,qBACA,iBACA,+DACA,kBACA,qBACA,WFMsB,KELtB,MFSsB,QERtB,6BACC,uCACA,MFGqB,oBECtB,aACA,YAGD,KACC,kBDYC,UCXiB,GDYjB,2BCXD,gBAEA,iBACK,iBFIK,QEHL,MFbiB,KEcjB,aFEK,QEDL,yBACE,MFhBe,KEkBjB,uBACE,iBFnBe,KEoBf,MFJG,QEOP,iBACE,iBFPK,QEQL,MFzBiB,KE0BjB,aFTK,QEUL,yBACE,MF5Be,KE8BjB,uBACE,iBF/Be,KEgCf,MFfG,QEkBP,gBACE,iBFlBK,QEmBL,MFrCiB,KEsCjB,aFpBK,QEqBL,wBACE,MFxCe,KE0CjB,sBACE,iBF3Ce,KE4Cf,MF1BG,QE6BP,cACE,iBF7BK,QE8BL,MFjDiB,KEkDjB,aF/BK,QEgCL,sBACE,MFpDe,KEsDjB,oBACE,iBFvDe,KEwDf,MFrCG,QEyCX,YACI,YD1CF,UC2CoB,GD1CpB,2BC2CE,gBAGA,gBD/CF,UCgDwB,GD/CxB,2BCoDF,GACC,WACA,WACG,aACH,0EACA,uEACA,sEACA,qEACA,WACC,SACA,WACA,YACA,aACA,0EACA,uEACA,sEACA,qEAKF,IACI,cACH,eACG,WACA,YACA,iBACA,kBACA,SACA,+BACA,gCAGJ,WACE,aACA,mBAGF,YACC,kBACA,sBACA,aACA,YAED,cACI,iBFrHmB,KEuHvB,aACI,YACA,gBACA,aAEJ,OACE,SACA,iBACA,oBD3IA,sDACA,yBC4IA,WACE,mBD1HoB,cC2HH,IAGjB,2CACE,gBACE,sBACA,WACA,gBACA,iBAEF,uBACE,YAKJ,2CACE,iBACE,wBACA,WACA,gBACA,iBAEF,wBACE,YAKR,eACE,gBAIF,IACC,qBACA,aACA,gBDrJC,UCsJiB,GDrJjB,2BCsJD,iBACA,MFhKsB,KEiKtB,sBACA,iBFnKsB,QEoKtB,sBACA,oBFlKsB,KEmKtB,kBACA,+BAID,gBACI,6BACA,0EACA,iBACH,yCAJD,gBAKE,yBAGF,YACI,4DAIJ,cACI,kBACA,gBACA,mBAGJ,MACE,WAGF,iBACE,qBACA,cACA,mBACA,sBACA,kBACA,mBACA,WACA,eACA,iBAEA,uCCrOF,cACE,aACA,WACA,gDAGF,gBACE,cACA,qBACA,aAGF,kBACE,cACA,WACA,YACA,oBACA,qCACA,kDAEF,oDAEE,sBACA,sCAIF,wFACA,kEAGA,gBACE,cAEA,8BACE,aACA,WACA,gDAEA,yBALF,8BAK8B,iDAC5B,yBANF,8BAM8B,2BAE5B,gCACE,cACA,qBACA,aAGF,kCACE,cACA,WACA,YACA,oBACA,qCACA,kDAGF,oFAEE,sBACA,sCAMN,cACE,cAEA,4BACE,aACA,SACA,gDAEA,0BALF,4BAK+B,iDAC7B,yBANF,4BAM+B,iDAC7B,yBAPF,4BAO+B,2BAgBjC,UACE,aACA,eACA,QACA,cACA,2BACA,mBACA,uBACA,aAIF,+BAGA,eACE,2BACA,gBACA,kBACA,oCAIF,kCAEE,aACA,kBACA,WACA,yBACA,SACA,iBACA,cACA,eACA,iBACA,4BAGF,sEACqC,cAErC,sDACA,oEACA,qEAEA,8CACyB,YAGzB,2BAGA,8CAEE,uCACA,mBAIF,gBACE,aACA,SACA,gDAEA,yBALF,gBAK8B,iDAC5B,yBANF,gBAM8B,2BAG9B,cACE,cACA,qBACA,cACA,mBACA,gBACA,gBACA,qCACA,oDAEA,qFACA,uDACA,wCACA,qDACA,yDChLF,aACC,MACC,UACA,eAED,UACC,QACA,UAED,SACC,WACA,SACA,SAED,SACK,yBAEL,kBAGC,aAED,gBACC","sourcesContent":["/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */\n\nhtml {\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\n\nbody {\n margin: 0;\n}\n\n/* HTML5 display definitions\n ========================================================================== */\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block;\n}\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\ntemplate,\n[hidden] {\n display: none;\n}\n\n/* Links\n ========================================================================== */\n\na {\n background-color: transparent;\n}\n\na:active,\na:hover,\na:focus {\n outline-width: 0;\n}\n\n/* Text-level semantics\n ========================================================================== */\n\nabbr[title] {\n border-bottom: none;\n text-decoration: underline;\n text-decoration: underline dotted;\n}\n\nb,\nstrong {\n font-weight: inherit;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\ndfn {\n font-style: italic;\n}\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\nmark {\n background-color: #ff0;\n color: #000;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\nimg {\n border-style: none;\n}\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Grouping content\n ========================================================================== */\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\n\nfigure {\n margin: 0;\n}\n\nhr {\n box-sizing: content-box;\n height: 0px;\n overflow: visible;\n}\n\n/* Forms\n ========================================================================== */\n\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit;\n}\n\noptgroup {\n font-weight: bold;\n}\n\nbutton,\ninput,\nselect {\n overflow: visible;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n margin: 0;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n cursor: pointer;\n}\n\n[disabled] {\n cursor: default;\n}\n\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n appearance: button;\n}\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n outline: 0;\n padding: 0;\n}\n\nbutton:-moz-focusring,\ninput:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em;\n}\n\nlegend {\n box-sizing: border-box;\n color: inherit;\n display: table;\n max-width: 100%;\n padding: 0;\n white-space: normal;\n}\n\ntextarea {\n overflow: auto;\n}\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n appearance: textfield;\n}\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n appearance: button;\n font: inherit;\n}\n","@use \"sass:color\";\n\npre.highlight {\n padding: 1em;\n}\n\n.highlight {\n background-color: #49483e;\n color: #f8f8f2;\n border-radius: 4px;\n\n pre {\n position: relative;\n margin: 0;\n padding: 1em;\n overflow-x: auto; // opzionale: auto è più user-friendly di scroll\n }\n\n .lineno { padding-right: 24px; color: color.adjust(#49483e, $lightness: 50%); }\n .hll { background-color: #49483e }\n\n .c { color: #75715e } /* Comment */\n .err{ color: #960050; background-color: #1e0010 } /* Error */\n .k { color: #66d9ef } /* Keyword */\n .l { color: #ae81ff } /* Literal */\n .n { color: #f8f8f2 } /* Name */\n .o { color: #f92672 } /* Operator */\n .p { color: #f8f8f2 } /* Punctuation */\n .cm { color: #75715e } /* Comment.Multiline */\n .cp { color: #75715e } /* Comment.Preproc */\n .c1 { color: #75715e } /* Comment.Single */\n .cs { color: #75715e } /* Comment.Special */\n .ge { font-style: italic } /* Generic.Emph */\n .gs { font-weight: bold } /* Generic.Strong */\n .kc { color: #66d9ef } /* Keyword.Constant */\n .kd { color: #66d9ef } /* Keyword.Declaration */\n .kn { color: #f92672 } /* Keyword.Namespace */\n .kp { color: #66d9ef } /* Keyword.Pseudo */\n .kr { color: #66d9ef } /* Keyword.Reserved */\n .kt { color: #66d9ef } /* Keyword.Type */\n .ld { color: #e6db74 } /* Literal.Date */\n .m { color: #ae81ff } /* Literal.Number */\n .s { color: #e6db74 } /* Literal.String */\n .na { color: #a6e22e } /* Name.Attribute */\n .nb { color: #f8f8f2 } /* Name.Builtin */\n .nc { color: #a6e22e } /* Name.Class */\n .no { color: #66d9ef } /* Name.Constant */\n .nd { color: #a6e22e } /* Name.Decorator */\n .ni { color: #f8f8f2 } /* Name.Entity */\n .ne { color: #a6e22e } /* Name.Exception */\n .nf { color: #a6e22e } /* Name.Function */\n .nl { color: #f8f8f2 } /* Name.Label */\n .nn { color: #f8f8f2 } /* Name.Namespace */\n .nx { color: #a6e22e } /* Name.Other */\n .py { color: #f8f8f2 } /* Name.Property */\n .nt { color: #f92672 } /* Name.Tag */\n .nv { color: #f8f8f2 } /* Name.Variable */\n .ow { color: #f92672 } /* Operator.Word */\n .w { color: #f8f8f2 } /* Text.Whitespace */\n .mf { color: #ae81ff } /* Literal.Number.Float */\n .mh { color: #ae81ff } /* Literal.Number.Hex */\n .mi { color: #ae81ff } /* Literal.Number.Integer */\n .mo { color: #ae81ff } /* Literal.Number.Oct */\n .sb { color: #e6db74 } /* Literal.String.Backtick */\n .sc { color: #e6db74 } /* Literal.String.Char */\n .sd { color: #e6db74 } /* Literal.String.Doc */\n .s2 { color: #e6db74 } /* Literal.String.Double */\n .se { color: #ae81ff } /* Literal.String.Escape */\n .sh { color: #e6db74 } /* Literal.String.Heredoc */\n .si { color: #e6db74 } /* Literal.String.Interpol */\n .sx { color: #e6db74 } /* Literal.String.Other */\n .sr { color: #e6db74 } /* Literal.String.Regex */\n .s1 { color: #e6db74 } /* Literal.String.Single */\n .ss { color: #e6db74 } /* Literal.String.Symbol */\n .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */\n .vc { color: #f8f8f2 } /* Name.Variable.Class */\n .vg { color: #f8f8f2 } /* Name.Variable.Global */\n .vi { color: #f8f8f2 } /* Name.Variable.Instance */\n .il { color: #ae81ff } /* Literal.Number.Integer.Long */\n}\n","@use \"variables\" as *;\n@use \"mixins\" as *;\n\n\n//@extend-elements\n%extend_1 {\n\tfont-size: 12px;\n\tfont-size: .75rem;\n\tline-height: 1.5;\n\twhite-space: nowrap;\n\tmargin: 0 2px;\n\tpadding: 0 5px;\n\tborder: 0;\n\tbackground-color: $color_12;\n\tborder-radius: 3px;\n}\n*, *::before, *::after { box-sizing: border-box; }\n\nhtml, body { overflow-x: hidden; }\n\nimg, picture, video {\n max-width: 100%;\n height: auto;\n}\n\nbody {\n background: $background-color;\n margin: 0px;\n font-family: $main-font;\n}\n\n.home-hero {\n background: $main-color;\n height: 230px;\n width: auto;\n margin-top: 10px;\n box-shadow: 0px 0px 20px 2px rgba(71, 71, 71, 1);\n animation-name: home-hero;\n animation-duration: 1.2s;\n animation-fill-mode:forwards;\n}\n\n.home-title {\n font-size: clamp(2.25rem, 8vw, 60px);\n text-align: center;\n font-family: $title-font;\n text-shadow: 1px 1px 5px #000;\n color: #FFF;\n margin-top: 130px;\n\topacity: 0;\n animation-name: home-title;\n\tanimation-delay: 1.2s;\n animation-duration: 2s;\n\tanimation-fill-mode: forwards;\n}\n\n.home-wrap {\n margin-left: auto;\n margin-right: auto;\n width: 100%;\n max-width: 800px;\n padding-inline: 1rem;\n}\n\n.home-photo {\n margin-top: 30px;\n width: 170px;\n height: 170px;\n float: left;\n border-radius: 90px;\n background: $background-color;\n box-shadow: 0px 0px 20px 2px rgba(82, 82, 82, 1) inset;\n\topacity: 0;\n\tanimation: home-title;\n\tanimation-delay: 1s;\n\tanimation-duration: 2s;\n\tanimation-fill-mode: forwards;\n\timg\t{\n \tborder-radius: 90px;\n\t width: 170px;\n\t height: 170px;\n\t}\n}\n\n\n.home-desc {\n font-family: $title-font;\n margin-left: 50;\n float: left;\n font-size: 20px;\n margin-top: 25px;\n color: $thrid-color;\n\topacity: 0;\n\tanimation-delay: 1s;\n animation-name: home-title;\n\tanimation-duration: 2s;\n\tanimation-fill-mode: forwards;\n}\n\n@keyframes home-title {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n@keyframes home-hero {\n 0% {\n height: 0px;\n margin-top: 125px;\n }\n\n 100% {\n height: 230px;\n margin-top: 10px;\n }\n}\n\n@keyframes home-photo {\n 0% {\n opacity: 0;\n }\n\n 66% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n.post-header {\n\twidth: auto;\n\theight: 60px;\n}\n.top-strip {\n animation-name: strip-slide;\n animation-duration: 1s;\n animation-fill-mode: forwards;\n background-color: $main-color;\n width: auto;\n margin-top: 200px;\n height: 200px;\n box-shadow: 0px 0px 10px 1px rgba(82, 82, 82, .6);\n}\n\n@keyframes strip-slide {\n 0% {\n height: 200px;\n margin-top: 120px;\n }\n\n 100% {\n height: 70px;\n margin-top: 0px;\n }\n}\n\n.page-title {\n font-size: clamp(1.75rem, 6vw, 50px);\n color: $background-color;\n text-shadow: rgba(255, 255, 255, .2) 3px 2px 3px;\n float: left;\n font-family: $title-font;\n animation-name: home-title;\n animation-duration: 1.2s;\n animation-fill-mode: forwards;\n}\n\n.page-wrap {\n width: 100%;\n max-width: 1000px;\n margin-left: auto;\n margin-right: auto;\n padding-inline: 1rem;\n}\n\n.post, .post-long {\n margin-right: 5px;\n\tmargin-left: 5px;\n margin-top: 10px;\n background-color: $main-color;\n border-radius: 3px;\n box-shadow: 0px 0px 10px 1px rgba(82, 82, 82, 0.1);\n font-family: $main-font;\n animation-name: home-title;\n\tanimation-delay: 0.7s;\n animation-duration: 1s;\n animation-fill-mode: forwards;\n\topacity: 0;\n}\n\n.project-frame {\n width: 100%;\n max-width: 990px;\n margin-right: 10px;\n margin-top: 10px;\n background-color: $main-color;\n border-radius: 3px;\n box-shadow: 0px 0px 10px 1px rgba(82, 82, 82, .6);\n float: left;\n animation-name: home-title;\n animation-duration: 2s;\n animation-fill-mode: forwards;\n\n h2 {\n margin-left: 15px;\n color: $background-color;\n float: left;\n margin-top: 15px;\n margin-bottom: 5px;\n }\n}\n\n.post-header h2 {\n margin-left: 15px;\n color: $background-color;\n float: left;\n margin-top: 15px;\n margin-bottom: 5px;\n}\n\n.post-long h2 {\n margin-left: 15px;\n color: #d35400;\n float: left;\n margin-top: 15px;\n margin-bottom: 0px;\n}\n\n.post-header h2 a, .post-long h2 a {\n text-decoration: none;\n color: $background-color;\n float: left;\n transition-property: color;\n transition-duration: 1s;\n transition-delay: 0s;\n}\n\n.post-header h2 a:hover, .post-long h2 a:hover {\n color: $thrid-color;\n}\n\n.post-header p, .post-long p {\n padding: 15px;\n font-size: 15px;\n color: rgba(82, 82, 82, .8);\n width: 100%;\n font-family: $main-font;\n}\n\n.posts-list {\n float: left;\n width: 100%;\n max-width: 1000px;\n}\n\n.projects-wrap {\n width: 100%;\n max-width: 1000px;\n}\n\n.post-meta {\n color: rgba(81, 81, 81, .4);\n font-size: 12px;\n float: right;\n\tmargin-right: 20px;\n\tline-height: 60px;\n font-family: $title-font;\n}\n\n.post-meta-long {\n margin-bottom: 0px;\n color: rgba(81, 81, 81, .4);\n font-size: 12px;\n float: right;\n margin-top: 0px;\n margin-right: 50px;\n font-family: $title-font;\n}\n\n.post hr, .post-long hr {\n\tmargin: 0px;\n float: left;\n width: 95%;\n margin-left: 20px;\n border: 1px solid $background-color;\n\tcolor: $background-color;\n}\n\n.widget {\n width: 280px;\n margin-top: 10px;\n background-color: $main-color;\n border-radius: 3px;\n box-shadow: 0px 0px 10px 1px rgba(82, 82, 82, .6);\n float: right;\n text-align: center;\n animation-name: sidebar-slide-x;\n animation-duration: 1.2s;\n animation-fill-mode: forwards;\n\n h3 {\n margin-left: 15px;\n color: $background-color;\n font-family: $title-font;\n margin-top: 15px;\n margin-bottom: 15px;\n animation-name: home-title;\n animation-duration: 1.2s;\n animation-fill-mode: forwards;\n }\n\n li {\n height: auto; /* Lascia che l'altezza si adatti */\n min-height: 20px; /* Altezza minima opzionale */\n margin: 5px;\n margin-bottom: 10px; /* Aggiungi spazio extra sotto */\n list-style: circle;\n color: $background-color;\n\n a {\n text-decoration: none;\n margin: 5px;\n color: $background-color;\n transition-property: color;\n transition-duration: .5s;\n transition-delay: 0s;\n padding: 2px;\n\n &:hover {\n padding: 2px;\n color: #000;\n border-radius: 5px;\n text-decoration: none;\n background-color: $thrid-color;\n }\n }\n }\n\n hr {\n width: 270px;\n margin-left: auto;\n margin-right: auto;\n border: 1px solid $background-color;\n }\n}\n\n.search {\n background-color: #fff;\n float: right;\n width: 280px;\n border-radius: 6px;\n margin-top: 10px;\n height: 40px;\n animation-name: sidebar-right;\n animation-duration: 1.2s;\n animation-fill-mode: forwards;\n}\n\n.search-input {\n color: #d35400;\n font-size: 16px;\n background-color: rgba(0, 0, 0, .01);\n border: 0px;\n width: 190px;\n height: 25px;\n margin-top: 5px;\n margin-left: 10px;\n outline: none;\n float: left;\n resize: none;\n padding: 4px;\n}\n\n.search-button {\n background-color: transparent;\n border: 0px;\n margin-top: 5px;\n outline: none;\n float: right;\n animation-name: home-title;\n animation-duration: 1.5s;\n animation-fill-mode: forwards;\n}\n\nul.menu-main {\n font-size: clamp(1rem, 2.5vw, 25px);\n margin-top: 15px;\n margin-left: 20px;\n float: left;\n display: block;\n list-style: none;\n height: 50px;\n animation-name: home-title;\n animation-duration: 1.2s;\n animation-fill-mode: forwards;\n max-width: 570px;\n li {\n float: left;\n }\n\n a {\n padding-left: 15px;\n padding-right: 15px;\n padding-bottom: 5px;\n padding-top: 5px;\n color: $background-color;\n float: left;\n font-family: $menu-font;\n text-decoration: none;\n transition-property: color, border-color;\n transition-duration: 1s;\n transition-delay: 0s;\n\n &:hover {\n padding-left: 15px;\n padding-right: 15px;\n padding-top: 5px;\n border-bottom: 5px solid $thrid-color;\n color: $thrid-color;\n float: left;\n font-family: $menu-font;\n text-decoration: none;\n }\n }\n}\n\n.selected {\n border-bottom: 5px solid $thrid-color;\n\n &:hover {\n border-bottom: 0px solid rgba(0, 0, 0, .6);\n }\n}\n\n.widget ul {\n text-align: left;\n color: rgba(0, 0, 0, .8);\n}\n\n.sidebar-right {\n float: left;\n width: 280px;\n}\n\n.footer {\n float: left;\n margin-top: 20px;\n width: 100%;\n font-family: $title-font;\n background: $main-color;\n box-shadow: 0px 0px 10px 2px rgba(82, 82, 82, 1);\n animation-name: footer-fade;\n\tanimation-delay: 1.2s;\n animation-duration: 1.5s;\n animation-fill-mode: forwards;\n\topacity: 0;\n}\n\n@keyframes footer-fade {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n.copy {\n font-size: 18px;\n margin-top: 20px;\n color: $background-color;\n animation-name: home-title;\n animation-duration: 1.2s;\n animation-fill-mode: forwards;\n\ttext-align: center;\n\timg\t{\n\t\twidth: 20px;\n\t\theight: 20px;\n\t\tfloat: left;\n\t}\n}\n\n@keyframes sidebar-right {\n 0% {\n opacity: 0;\n width: 0px;\n }\n\n 50% {\n opacity: 0;\n width: 0px;\n }\n\n 100% {\n opacity: 1;\n width: 280px;\n }\n}\n\n@keyframes sidebar-slide-x {\n 0% {\n opacity: 0;\n width: 0px;\n }\n\n 50% {\n opacity: 0;\n width: 0px;\n }\n\n 75% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n width: 280px;\n }\n}\n\n/* Scrollbar */\n\n::-webkit-scrollbar {\n\theight: 6px;\n\twidth: 8px;\n}\n\n::-webkit-scrollbar-thumb {\n background-color: $main-color;\n\tborder-radius: 3px;\n &:hover {\n\t\tbackground-color: #2980b9;\n\t\tbox-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.6);\n }\n}\n\n::-webkit-scrollbar-track {\n background-color: rgba(0, 0, 0, 0);\n}\n\n/* End Scrollbar */\n\n::selection {\n background: #f39c12;\n\n /* WebKit/Blink Browsers */\n color: #000;\n}\n\n.projects-list {\n margin-top: 40px;\n}\n\n.project-card {\n background-color: $main-color;\n width: 220px;\n margin: 10px;\n box-shadow: 0px 0px 10px 1px rgba(82, 82, 82, .6);\n float: left;\n animation-name: home-title;\n animation-duration: 1.2s;\n animation-fill-mode: forwards;\n animation-name: home-title;\n\topacity: 0;\n\tanimation-delay: 1s;\n animation-duration: 1.6s;\n animation-fill-mode: forwards;\n}\n\n.product-image {\n height: 150px;\n width: 180px;\n margin-right: auto;\n margin-left: auto;\n text-align: center;\n\timg {\n\t\t height: 150px;\n\t\t width: 180px;\n\t}\n}\n\n.product-name {\n text-align: center;\n font-size: 20px;\n display: block;\n margin-top: 10px;\n margin-bottom: 10px;\n font-family: $menu-font;\n\ta {\n\t\tcolor: $background-color;\n\t\ttransition-property: color;\n\t\ttransition-duration: .5s;\n\t\ttransition-delay: 0s;\n\t\t&:hover {\n\t\t\tcursor: pointer;\n\t\t\tcolor: $thrid-color;\n\t\t}\n\t}\n}\n\n.price-os {\n text-align: center;\n}\n\n.price {\n a {\n margin-left: 30px;\n display: inline-block;\n padding: 5px;\n border: 2px solid $background-color;\n border-radius: 3px;\n text-decoration: none;\n transition-property: background-color;\n transition-duration: .5s;\n transition-delay: 0s;\n\n &:hover {\n cursor: pointer;\n background-color: $background-color;\n color: $main-color;\n }\n }\n}\n\n.product-desc {\n padding: 5px;\n color: rgba(0, 0, 0, .9);\n font-size: 13px;\n font-family: $main-font;\n}\n\n.contact {\n margin-top: 40px;\n width: 100%;\n max-width: 990px;\n box-shadow: 0px 0px 10px 1px rgba(82, 82, 82, .6);\n border-radius: 3px;\n background-color: $main-color;\n animation-name: home-title;\n animation-duration: 1.3s;\n animation-fill-mode: forwards;\n}\n\n.about-me {\n width: 100%;\n max-width: 990px;\n float: left;\n font-size: 18px;\n\n h2 {\n padding-top: 20px;\n padding-left: 20px;\n color: $background-color;\n font-family: $title-font;\n }\n\n p {\n color: rgba(0, 0, 0, .6);\n padding-left: 10px;\n }\n}\n\n.contact-info {\n width: 100%;\n max-width: 445px;\n float: left;\n padding: 10px;\n text-align: center;\n\n h3 {\n padding-left: 10px;\n color: $background-color;\n font-family: $title-font;\n }\n\n p {\n color: rgba(0, 0, 0, .6);\n }\n}\n\n\n#disqus_thread {\n padding: 20px;\n}\n\n.social-links {\n\ttext-align: center;\n animation-name: home-title;\n\topacity: 0;\n\tanimation-delay: 1s;\n animation-duration: 2s;\n animation-fill-mode: forwards;\n\t.fa {\n\t\tmargin: 5px;\n\t\tmargin-top: 30px;\n\t\tpadding: 5px;\n\t\tcolor: $main-color;\n\t text-shadow: 1px 1px 5px #000;\n\t\ttransition-property: text-shadow;\n\t transition-duration: 0.2s;\n\t transition-delay: 0s;\n\t\t&:hover{\n\t\t\tcolor: #FFF;\n\t\t text-shadow: 1px 1px 10px #000;\n\t\t}\n\t}\n}\n.social-alt {\n\t.fa {\n\t\tmargin-top: 10px !important;\n\t\tcolor: $background-color !important;\n\t text-shadow: 1px 1px 1px rgba(81, 81, 81, 0.3) !important;\n\t\t&:hover{\n\t\t text-shadow: 1px 1px 4px rgba(81, 81, 81, 1) !important;\n\t\t}\n\t}\n}\n.content {\n\tpadding: 30px;\n}\n.notice {\n margin-top: 1.5em;\n padding: .5em 1em;\n text-indent: 0;\n @include font-rem(14);\n background-color: $color_gray;\n border: 1px solid $color_pink_swan;\n @include rounded(3px);\n\n}\nul.menu {\n font-size: clamp(1.25rem, 3vw, 28px);\n margin-top: 75px;\n margin-left: 20px;\n float: left;\n display: block;\n list-style: none;\n height: auto; /* Cambia da 50px a auto */\n min-height: 50px;\n overflow: visible; /* Assicurati che il contenuto non venga tagliato */\n\topacity: 0;\n\tanimation-delay: 1s;\n animation: home-photo 2s forwards;\n\n li {\n float: left;\n display: block;\n\n a {\n padding: 10px;\n border-radius: 6px;\n color: $background-color;\n float: left;\n text-decoration: none;\n font-family: $menu-font;\n\n &:hover {\n padding: 10px;\n border-radius: 3px;\n background-color: $background-color;\n text-shadow: 1px 1px 5px #000;\n color: $main-color;\n box-shadow: inset 0px 0px 10px 2px rgba(81, 81, 81, .6);\n float: left;\n text-decoration: none;\n }\n }\n }\n}\n\n.menu-toggle{\n\tdisplay: none;\n}\n.menu-drawer {\n\tdisplay: none;\n}\n@media (max-width: 1000px) {\n\t.menu-toggle{\n\t\tfont-size: 28px;\n\t float: left;\n\t list-style: none;\n\t\topacity: 0;\n\t\tanimation-delay: 1s;\n\t animation: home-photo 2s forwards;\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\ttop: 0px;\n\t\tright: 0px;\n\t\tmargin: 10px;\n\t\tcolor: $main-color;\n\t height: 50px;\n\t\tz-index: 2;\n\t\ttext-shadow: 1px 1px 2px rgba(81, 81, 81, 0.3) !important;\n\t\t&:hover{\n\t\t\tcursor: pointer;\n\t\t text-shadow: 1px 1px 4px rgba(81, 81, 81, 1) !important;\n\t\t}\n\t}\n\t.menu-drawer {\n\t\tdisplay: none;\n\t\tposition: absolute;\n\t\tbackground-color: red;\n\t\ttop: 0px;\n\t\tright: 0px;\n\t\twidth: 200px;\n\t\theight: 100vh;\n\t\tz-index: 1;\n\t\tbackground-color: $main-color;\n\t\tbox-shadow: 0px 0px 20px 2px rgba(71, 71, 71, 1);\n\t}\n\tul.menu {\n\t font-size: 28px;\n\t\tmargin-left: 20px;\n\t\tmargin-right: 20px;\n\t display: block;\n\t\tpadding: 0px;\n\t list-style: none;\n\t\tfloat: left;\n\t height: 50px;\n\t li {\n\t display: block;\n\t a {\n\t padding: 10px;\n\t border-radius: 6px;\n\t color: $background-color;\n\t\t\t\twidth: 140px;\n\t text-decoration: none;\n\t font-family: $menu-font;\n\n\t &:hover {\n\t padding: 10px;\n\t border-radius: 3px;\n\t background-color: $background-color;\n\t text-shadow: 1px 1px 5px #000;\n\t color: $main-color;\n\t box-shadow: inset 0px 0px 10px 2px rgba(81, 81, 81, .6);\n\t text-decoration: none;\n\t }\n\t }\n\t }\n\t}\n\t.home-wrap{\n\t\twidth: 90%;\n\t\tpadding-top: 15px;\n\t}\n\t.page-wrap{\n\t\twidth: 100%;\n\t}\n\t.posts-list{\n\t\twidth: 100%;\n\t}\n\t.post-meta{\n\t\tdisplay: none;\n\t}\n\t.home-photo{\n\t\tfloat: none;\n\t\tmargin-top: 0px;\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t}\n\t.home-desc {\n\t\ttext-align: center;\n\t\tfloat: none;\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t\tmargin-top: 5px;\n\t}\n\t@keyframes home-hero {\n\t 0% {\n\t height: 0px;\n\t margin-top: 125px;\n\t }\n\t 100% {\n\t height: 250px;\n\t margin-top: 10px;\n\t }\n\t}\n\t.desktop-only {\n\t\tdisplay: none;\n\t}\n}\n/* --- Social icons — theme friendly --- */\n.social-links {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n align-items: center;\n margin: 16px 0 28px;\n}\n\n.social-links .author-social {\n /* pill tonda */\n --size: 42px;\n width: var(--size);\n height: var(--size);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n border-radius: 9999px;\n background: $background-color; /* il grigio/bianco del tuo tema */\n color: $main-color; /* il rosso del tuo tema */\n border: 1px solid rgba(0,0,0,.08);\n box-shadow: 0 2px 6px rgba(0,0,0,.08);\n text-decoration: none;\n transition: transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease, border-color .15s ease;\n}\n\n.social-links .author-social i {\n font-size: 1.2rem; /* dimensione icona */\n line-height: 1;\n}\n\n/* Hover: riempi del tuo rosso e inverti il colore dell’icona */\n.social-links .author-social:hover,\n.social-links .author-social:focus {\n background: $main-color;\n color: $background-color;\n border-color: rgba(0,0,0,.12);\n transform: translateY(-1px);\n box-shadow: 0 6px 14px rgba(0,0,0,.15);\n}\n\n/* Stato attivo/click */\n.social-links .author-social:active {\n transform: translateY(0);\n box-shadow: 0 3px 8px rgba(0,0,0,.12);\n}\n\n/* Variante scura su sfondi chiari (opzionale) */\n.has-light-bg .social-links .author-social {\n background: #fff;\n}\n\n/* Responsive: leggermente più piccoli sotto i 420px */\n@media (max-width: 420px) {\n .social-links .author-social { --size: 38px; }\n .social-links .author-social i { font-size: 1.1rem; }\n}\n.social-links .author-social {\n background: $main-color;\n color: $background-color;\n}\n.social-links .author-social:hover { filter: brightness(1.05); }\n\n/* Utility per immagini affiancate al testo */\n.pull-right {\n float: right;\n /* margine: sopra 0, destra 0, sotto 1rem, sinistra 1rem */\n margin: 0 0 1rem 1rem;\n max-width: 40%; /* regola la larghezza a piacere (30–50%) */\n}\n.pull-right img {\n display: block;\n max-width: 100%;\n height: auto;\n}\n\n/* Variante speculare, se mai servisse */\n.pull-left {\n float: left;\n margin: 0 1rem 1rem 0;\n max-width: 40%;\n}\n.pull-left img {\n display: block;\n max-width: 100%;\n height: auto;\n}\n\n/* Clearfix per i contenitori che includono elementi flottanti */\n.clearfix::after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n/* Mobile: niente float, immagine intera */\n@media (max-width: 700px) {\n .pull-right,\n .pull-left {\n float: none;\n max-width: 100%;\n margin: 0 0 1rem 0;\n }\n}\n/* --- FIX PER MOBILE LAYOUT --- */\n@media (max-width: 1000px) {\n /* Corregge i bottoni/link che vanno a capo */\n .btn, .post-list li, .widget li {\n height: auto !important;\n white-space: normal !important; /* Permette al testo di andare a capo */\n display: block;\n margin-bottom: 15px; /* Spazio tra i box */\n }\n\n /* Aggiusta il padding interno dei bottoni */\n .btn {\n padding: 12px 15px !important;\n line-height: 1.4 !important;\n }\n}\n\n/* ============================================================\n RESPONSIVE — tablet ≤ 768px\n ============================================================ */\n@media (max-width: 768px) {\n\n /* Sidebar (.widget, .search, .sidebar-right) collassano sotto il contenuto */\n .widget,\n .search,\n .sidebar-right {\n float: none;\n width: 100%;\n max-width: 100%;\n margin-left: auto;\n margin-right: auto;\n }\n .widget hr { width: auto; }\n .search-input { width: calc(100% - 60px); }\n\n /* Cards progetto: 2 colonne flex */\n .projects-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n margin-top: 24px;\n }\n .project-card {\n float: none;\n width: calc(50% - 12px);\n margin: 0;\n }\n .product-image,\n .product-image img {\n width: 100%;\n max-width: 220px;\n height: auto;\n aspect-ratio: 6 / 5;\n object-fit: cover;\n }\n\n /* Ust (header strip) — niente più altezza fissa */\n .top-strip { height: auto; padding-bottom: 12px; }\n\n /* post/post-long: padding interno meno aggressivo */\n .post, .post-long { padding: 0 4px; }\n .content { padding: 16px; }\n\n /* post-header: niente altezza fissa, lascia respirare i titoli a capo\n e contieni i float interni per non sforare nella card successiva */\n .post-header {\n height: auto;\n min-height: 60px;\n overflow: hidden;\n padding-block: 8px;\n }\n .post-header h2 {\n float: none;\n line-height: 1.2;\n margin: 8px 15px;\n }\n\n /* Home avatar centrato anche su tablet */\n .home-photo { float: none; margin-inline: auto; }\n .home-desc { float: none; text-align: center; margin-inline: auto; }\n\n /* Lobster heading subtitle home */\n .home-title { margin-top: clamp(40px, 14vw, 130px); }\n\n /* Menu mobile drawer più ampio del 200px fisso */\n .menu-drawer { width: min(80vw, 280px); }\n\n /* about ridotto */\n .contact { height: auto; }\n}\n\n/* ============================================================\n RESPONSIVE — mobile ≤ 480px\n ============================================================ */\n@media (max-width: 480px) {\n\n body { font-size: 14px; }\n\n /* Cards progetto: una sola colonna */\n .project-card { width: 100%; }\n\n /* Padding ridotti */\n .content { padding: 12px; }\n .post .post-header { padding-inline: 8px; }\n\n /* post-meta inline sotto al titolo, non float right */\n .post-meta {\n float: none;\n line-height: 1.4;\n margin: 4px 15px 8px;\n display: block;\n }\n\n /* Ust (header strip) — titolo + nav stack vertical */\n .top-strip .page-title,\n .top-strip .desktop-only { float: none; text-align: center; }\n\n /* about/contact: padding ridotti */\n .about-me { font-size: 16px; }\n .about-me h2 { padding-left: 12px; padding-top: 12px; }\n .contact-info { padding: 8px; }\n\n /* Footer copy a colonna */\n .copy img { float: none; display: inline-block; vertical-align: middle; }\n\n /* Riduci animazioni che usano shadow/blur per gentilezza CPU */\n .home-hero { box-shadow: 0px 0px 8px 1px rgba(71, 71, 71, .8); }\n}\n\n/* Rispetta preferenze utente */\n@media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n animation-duration: .01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: .01ms !important;\n }\n}\n","// Fonts (Lobster, Alegreya Sans SC, Roboto Slab caricati via in head.html)\n$title-font : Lobster, cursive;\n$menu-font : Alegreya Sans SC, sans-serif;\n$main-font : Roboto Slab, serif;\n\n// Colors\n$red: #e74c3c;\n$white: #ecf0f1;\n\n$main-color: $white;\n$background-color: $red;\n$thrid-color: rgba(52, 152, 219, 0.8);\n\n$color_12: #efefef;\n\n// Note: le ridefinizioni che seguono ($white: #fff, $red: #FF4136) sono\n// volutamente preservate per non alterare il comportamento storico del tema.\n$white : #fff;\n$red : #FF4136;\n$color_gray : #e8e8e8;\n$color_tuatara : #383838;\n$color_shark : #282828;\n$color_mischka : #d0d1d5;\n$color_mercury : #e5e6e9;\n$color_bon_jour : #dfe0e4;\n$color_gallery : #f0f0f0;\n$color_stack : #8c8b8b;\n$color_alabaster : #f9f9f9;\n$color_fuscous_gray : #555;\n$color_celeste : #ccc;\n$color_pink_swan : #bbb;\n\n// Button colors\n$success : #5cb85c;\n$warning : #dd8338;\n$danger : #C64537;\n$info : #308cbc;\n\n// Doc rhythm (used by mixins)\n$doc-font-size : 16;\n$doc-line-height : 26;\n\n// Media\n$small : \"only screen and (max-width: 30em)\";\n","@use \"variables\" as *;\n@use \"sass:math\";\n\n/* clearfix */\n@mixin clearfix {\n &::before, &::after { content: \"\"; display: table; }\n &::after { clear: both; }\n}\n\n/* center block */\n@mixin center-block {\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n\n/* border radius helpers */\n@mixin border-radius($tr:0, $br:0, $bl:0, $tl:0) {\n border-top-right-radius: $tr;\n border-bottom-right-radius: $br;\n border-bottom-left-radius: $bl;\n border-top-left-radius: $tl;\n background-clip: padding-box;\n}\n\n@mixin rounded($r:4px){ border-radius: $r; }\n\n/* typography */\n@mixin font-size($size) {\n font-size: $size; /* px fallback se passi px */\n font-size: calc(#{$size} / #{$doc-font-size} * 1rem);\n line-height: #{math.div($doc-line-height, $size)};\n margin-bottom: calc(#{$doc-line-height} / #{$doc-font-size} * 1rem);\n}\n\n@mixin font-rem($size) {\n font-size: $size;\n font-size: calc(#{$size} / #{$doc-font-size} * 1rem);\n}\n\n@mixin font($size) {\n font-size: $size;\n font-size: calc(#{$size} / #{$doc-font-size} * 1rem);\n line-height: #{math.div($doc-line-height, $size)};\n}\n\n/* gradient minimale (moderno) */\n@mixin horizontal($start, $mid, $end) {\n background: linear-gradient(90deg, $start, $mid, $end);\n}\n\n/* transitions */\n@mixin transition($t) {\n transition: $t;\n}\n","@use \"variables\" as *;\n@use \"mixins\" as *;\n@use \"sass:color\"; \n\n// Buttons\n%btnextend {\n\tdisplay: inline-block;\n\tborder: 1px solid;\n\tborder-color: rgba($color_mercury,0.5) rgba($color_bon_jour,0.5) $color_mischka;\n\tborder-radius: 3px;\n\ttext-decoration: none;\n\tbackground: $white;\n\tcolor: $color_shark;\n\t&:hover {\n\t\tbox-shadow: 0 0 1px 0 rgba($color_shark,0.5);\n\t\tcolor: $red;\n\t}\n}\n.social-btn {\n\tpadding: 10px;\n\tmargin: 10px;\n\t@extend %btnextend;\n}\n.btn {\n\tpadding: 10px 18px;\n\t@include font-rem(14);\n\tmargin: 4px auto;\n\t@extend %btnextend;\n\t&.btn-success {\n background-color: $success;\n color: $white;\n border-color: $success;\n &:visited {\n color: $white;\n }\n &:hover {\n background-color: $white;\n color: $success;\n }\n }\n &.btn-warning {\n background-color: $warning;\n color: $white;\n border-color: $warning;\n &:visited {\n color: $white;\n }\n &:hover {\n background-color: $white;\n color: $warning;\n }\n }\n &.btn-danger {\n background-color: $danger;\n color: $white;\n border-color: $danger;\n &:visited {\n color: $white;\n }\n &:hover {\n background-color: $white;\n color: $danger;\n }\n }\n &.btn-info {\n background-color: $info;\n color: $white;\n border-color: $info;\n &:visited {\n color: $white;\n }\n &:hover {\n background-color: $white;\n color: $info;\n }\n }\n}\n.title .btn {\n margin: 10px;\n @include font-rem(16);\n font-weight:300;\n}\n.post-list {\n .btn {\n @include font-rem(14);\n }\n}\n\n// hr break\nhr {\n\theight: 0px;\n\topacity: .8;\n margin: 1em 0;\n\tbackground-image: -webkit-linear-gradient(left, $color_gallery, $color_stack, $color_gallery);\n\tbackground-image: -moz-linear-gradient(left, $color_gallery, $color_stack, $color_gallery);\n\tbackground-image: -ms-linear-gradient(left, $color_gallery, $color_stack, $color_gallery);\n\tbackground-image: -o-linear-gradient(left, $color_gallery, $color_stack, $color_gallery);\n\t&.hr-line {\n\t\tborder: 0;\n\t\theight: 1px;\n\t\topacity: .15;\n\t\tmargin: 1em 0;\n\t\tbackground-image: -webkit-linear-gradient(left, $color_gallery, $color_stack, $color_gallery);\n\t\tbackground-image: -moz-linear-gradient(left, $color_gallery, $color_stack, $color_gallery);\n\t\tbackground-image: -ms-linear-gradient(left, $color_gallery, $color_stack, $color_gallery);\n\t\tbackground-image: -o-linear-gradient(left, $color_gallery, $color_stack, $color_gallery);\n\t}\n}\n\n// images and figures\nimg {\n display: block;\n\tmax-width: 100%;\n width: auto;\n height: auto;\n margin-left: auto;\n margin-right: auto;\n border: 0;\n -ms-interpolation-mode: bicubic;\n image-rendering: optimizeQuality;\n}\n\n.container {\n display: flex;\n align-items: center; // centro verticale\n /* justify-content: center; // se vuoi anche orizzontale */\n}\n.img-circle {\n\tborder-radius: 50%;\n\tborder: 3px solid $white;\n\theight: 150px;\n\twidth: 150px;\n}\n.author-photo {\n background-color: $white;\n}\n.image-right {\n float: right;\n margin-left: 1em;\n margin-top: 0;\n}\nfigure {\n margin: 0;\n padding-top: 10px;\n padding-bottom: 10px;\n @include clearfix();\n img {\n margin-bottom: 10px;\n @include rounded(4px);\n }\n &.half {\n @media only screen and (min-width: 62.5em) {\n img {\n width: calc(50% - 4px);\n float: left;\n margin-left: 1px;\n margin-right: 1px;\n }\n figcaption {\n clear: left;\n }\n }\n }\n &.third {\n @media only screen and (min-width: 62.5em) {\n img {\n width: calc(33.3% - 6px);\n float: left;\n margin-left: 1px;\n margin-right: 1px;\n }\n figcaption {\n clear: left;\n }\n }\n }\n}\nsvg:not(:root) {\n overflow: hidden;\n}\n\n// keyboard tag\nkbd {\n\tdisplay: inline-block;\n\tmargin: 0 1px;\n\tpadding: 1px 8px;\n\t@include font-rem(10);\n\tfont-weight: bold;\n\tcolor: $color_fuscous_gray;\n\tvertical-align: middle;\n\tbackground-color: $color_alabaster;\n\tborder: solid 1px $color_celeste;\n\tborder-bottom-color: $color_pink_swan;\n\tborder-radius: 3px;\n\tbox-shadow: inset 0 -1px 0 $color_pink_swan;\n}\n\n// go up button\n.goup-container {\n border-radius: 3px !important;\n border-color: rgba($color_mercury,0.5) rgba($color_bon_jour,0.5) $color_mischka !important;\n border: 1px solid;\n\t@media #{$small} {\n\t\tdisplay: none !important;\n\t}\n}\n.goup-arrow {\n border-color: transparent transparent $color_tuatara !important;\n}\n\n// reading time\n.reading-time {\n text-align: center;\n font-weight: 300;\n margin-bottom: 10px;\n}\n\ntable {\n\t\twidth: 100%;\n}\n\n.disqus-load-btn {\n display: inline-block;\n margin: 1rem 0;\n padding: .5rem 1rem;\n border: 1px solid #ccc;\n border-radius: 4px;\n background: #f9f9f9;\n color: #333;\n cursor: pointer;\n font-size: .95rem;\n\n &:hover { background: #eee; }\n}\n","/* ========== GALLERY ========== */\r\n\r\n/* Fallback globale: griglia base anche senza wrapper .gallery-inline/.gallery-page */\r\n.gallery-grid {\r\n display: grid;\r\n gap: .75rem;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n}\r\n\r\n.gallery-grid a {\r\n display: block;\r\n text-decoration: none;\r\n outline: none;\r\n}\r\n\r\n.gallery-grid img {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n border-radius: .5rem;\r\n box-shadow: 0 2px 6px rgba(0,0,0,.08);\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n.gallery-grid a:hover img,\r\n.gallery-grid a:focus img {\r\n transform: scale(1.02);\r\n box-shadow: 0 4px 16px rgba(0,0,0,.14);\r\n}\r\n\r\n/* Responsive */\r\n@media (max-width: 960px) { .gallery-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }\r\n@media (max-width: 520px) { .gallery-grid { grid-template-columns: 1fr; } }\r\n\r\n/* Inline grid dentro i post */\r\n.gallery-inline {\r\n margin: 2rem 0;\r\n\r\n .gallery-grid {\r\n display: grid;\r\n gap: .75rem;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n\r\n @media (max-width: 960px) { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n @media (max-width: 520px) { grid-template-columns: 1fr; }\r\n\r\n a {\r\n display: block;\r\n text-decoration: none;\r\n outline: none;\r\n }\r\n\r\n img {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n border-radius: .5rem;\r\n box-shadow: 0 2px 6px rgba(0,0,0,.08);\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n }\r\n\r\n a:hover img,\r\n a:focus img {\r\n transform: scale(1.02);\r\n box-shadow: 0 4px 16px rgba(0,0,0,.14);\r\n }\r\n }\r\n}\r\n\r\n/* Grid per le pagine dedicate alle gallerie */\r\n.gallery-page {\r\n margin: 2rem 0;\r\n\r\n .gallery-grid {\r\n display: grid;\r\n gap: 1rem;\r\n grid-template-columns: repeat(4, minmax(0, 1fr));\r\n\r\n @media (max-width: 1200px) { grid-template-columns: repeat(3, minmax(0, 1fr)); }\r\n @media (max-width: 960px) { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n @media (max-width: 520px) { grid-template-columns: 1fr; }\r\n }\r\n}\r\n\r\n/* ========== LIGHTBOX ========== */\r\n/* HTML atteso:\r\n
\r\n \r\n \"\"\r\n
\r\n \r\n \r\n
\r\n
\r\n*/\r\n\r\n.lightbox {\r\n display: none; /* nascosta di default */\r\n position: fixed;\r\n inset: 0; /* top/left/right/bottom: 0 */\r\n z-index: 10000;\r\n background: rgba(0,0,0,.88);\r\n align-items: center;\r\n justify-content: center;\r\n padding: 2rem;\r\n}\r\n\r\n/* mostralo quando è aperta */\r\n.lightbox.is-open { display: flex; }\r\n\r\n/* immagine */\r\n.lightbox__img {\r\n max-width: min(92vw, 1400px);\r\n max-height: 86vh;\r\n border-radius: 8px;\r\n box-shadow: 0 0 20px rgba(0,0,0,.55);\r\n}\r\n\r\n/* controlli: nascosti se overlay chiuso */\r\n.lightbox__close,\r\n.lightbox__arrow {\r\n display: none;\r\n position: absolute;\r\n color: #fff;\r\n background: transparent;\r\n border: 0;\r\n font-size: 2.4rem;\r\n line-height: 1;\r\n cursor: pointer;\r\n user-select: none;\r\n transition: opacity .2s ease;\r\n}\r\n\r\n.lightbox.is-open .lightbox__close,\r\n.lightbox.is-open .lightbox__arrow { display: block; }\r\n\r\n.lightbox__close { top: 1rem; right: 1rem; font-size: 2.6rem; }\r\n.lightbox__arrow--prev { left: 1rem; top: 50%; transform: translateY(-50%); }\r\n.lightbox__arrow--next { right: 1rem; top: 50%; transform: translateY(-50%); }\r\n\r\n.lightbox__arrow:hover,\r\n.lightbox__close:hover { opacity: .75; }\r\n\r\n/* blocca lo scroll del body quando la lightbox è aperta */\r\n.no-scroll { overflow: hidden; }\r\n\r\n/* accessibilità focus */\r\n.lightbox__close:focus,\r\n.lightbox__arrow:focus {\r\n outline: 2px solid rgba(255,255,255,.9);\r\n outline-offset: 2px;\r\n}\r\n\n/* ========== GALLERIES INDEX (cards) ========== */\n.galleries-grid {\n display: grid;\n gap: 1rem;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n\n @media (max-width: 960px) { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n @media (max-width: 520px) { grid-template-columns: 1fr; }\n}\n\n.gallery-card {\n display: block;\n text-decoration: none;\n color: inherit;\n border-radius: 12px;\n overflow: hidden;\n background: #fff;\n box-shadow: 0 1px 6px rgba(0, 0, 0, .06);\n transition: transform .15s ease, box-shadow .15s ease;\n\n &:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0, 0, 0, .08); }\n img { width: 100%; height: auto; display: block; }\n .meta { padding: .75rem 1rem; }\n .ttl { font-weight: 600; margin: 0 0 .25rem; }\n .desc { color: #666; margin: 0; font-size: .95rem; }\n}\n","@media print {\n\t.home {\n\t\twidth: 60%;\n\t\tmargin-top: 2em;\n\t}\n\t.nav-home {\n\t\ttop: 2em;\n\t\twidth: 60%;\n\t}\n\t.wrapper {\n\t\twidth: 100%;\n\t\tborder: 0;\n\t\tmargin: 0;\n\t}\n\t.article {\n \t\tpadding: 1em 3.5em 1.25em;\n\t}\n\t.toc,\n\t.nav, \n\t.footer {\n\t\tdisplay: none;\n\t}\n\t.goup-container {\n\t\tdisplay: none !important;\n\t}\n}\n"],"file":"main.css"}