@font-face{font-family:BASTARDO;src:url(/PORTFOLIO/assets/Giulia%20Boggio%20-%20Bastardo%20Groteskish%20Regular-C14GCxWo.otf) format("opentype")}@font-face{font-family:"M+1M";src:url(/PORTFOLIO/assets/XanhMono-Regular-rwxudleO.ttf) format("truetype")}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:#fff;margin:0;padding:0;width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;position:relative}h1{font-family:BASTARDO,serif;font-size:48px;margin:0;text-align:center;background-color:transparent;position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;width:100%;pointer-events:none}.centered{display:flex;flex-direction:column;align-items:center;margin:auto;text-align:center;height:100px;justify-content:center}.randomized-image{position:absolute;width:100px;height:100px;object-fit:contain;cursor:pointer;display:block;margin:0;padding:0;pointer-events:auto;z-index:15;filter:none;background-color:transparent}#Immagine_Centrata{width:100px;height:100px;object-fit:contain;cursor:pointer;display:block;margin:0;padding:0;position:absolute;z-index:15}#Immagine_Sottostante.fullscreen{display:block!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;max-width:none!important;max-height:none!important;min-width:100vw!important;min-height:100vh!important;object-fit:cover!important;z-index:10!important;margin:0!important;padding:0!important;border:none!important;pointer-events:none}.hidden{display:none!important}.testo{font-family:"M+1M",monospace;font-size:14px;position:absolute;z-index:20;max-width:1200px;text-align:center;line-height:1.2;top:47%;left:50%;transform:translate(-50%);padding:20px;pointer-events:none}.testo a,.testo button{pointer-events:auto;cursor:pointer;text-decoration:underline;color:#000}.testo a:hover,.testo button:hover{text-decoration:none;color:#000}.testo a:visited{color:purple}.bottone{margin-top:-1px;width:100%;font-family:"M+1M",monospace;font-size:14px;position:relative;z-index:5}.bottone-extra{position:absolute;top:calc(100vh + (var(--button-index) - 1) * 28px);width:100%;font-family:"M+1M",monospace;font-size:14px;z-index:5}.bottone-extra[data-index="1"]{--button-index: 1}.bottone-extra[data-index="2"]{--button-index: 2}.bottone-extra[data-index="3"]{--button-index: 3}.bottone-extra[data-index="4"]{--button-index: 4}.bottone-extra[data-index="5"]{--button-index: 5}.bottone-extra[data-index="6"]{--button-index: 6}.bottone-extra[data-index="7"]{--button-index: 7}.bottone-extra[data-index="8"]{--button-index: 8}.bottone-extra[data-index="9"]{--button-index: 9}.bottone-extra[data-index="10"]{--button-index: 10}.back-button,.link-button{font-family:"M+1M",monospace;font-size:14px;width:100%;height:29px;background-color:#fff;border:1px solid black;color:#000;cursor:pointer;position:relative}.back-button:hover,.link-button:hover,.selected{background-color:#000;color:#fff}.keyboard-selected{background-color:#000!important;color:#fff!important;outline:none!important;box-shadow:none!important;border:1px solid black!important}.back-button.keyboard-selected,.link-button.keyboard-selected{background-color:#000!important;color:#fff!important;border:1px solid black!important;outline:none!important;box-shadow:none!important}.back-button:focus,.link-button:focus,.back-button:focus-visible,.link-button:focus-visible{outline:none!important;box-shadow:none!important}.inline-button{font-family:"M+1M",monospace;font-size:14px;background-color:transparent;border:none;color:#000;cursor:pointer;padding:0;margin:0 2px;pointer-events:auto;display:inline;text-decoration:underline}.inline-button:hover{color:#000;background-color:transparent;text-decoration:none}.inline-button:visited{color:purple}.immagine-set{height:100px;object-fit:contain;display:block;margin:0;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-120px);z-index:15;pointer-events:auto;cursor:pointer}.link-image{cursor:pointer}.button-row{display:flex;justify-content:space-between;width:calc(100vw - 23px);margin:0;padding:0 8px;font-family:"M+1M",monospace;font-size:14px;position:relative;left:50%;transform:translate(-50%);box-sizing:border-box;pointer-events:none;color:#000!important}.button-row:has(:only-child){justify-content:center;color:#000!important}.button-row .inline-button{all:unset;cursor:pointer;text-decoration:underline;font-family:"M+1M",monospace;font-size:14px;pointer-events:auto;color:#000!important}.button-row .inline-button:hover{text-decoration:none;color:#000!important}.button-row .inline-button:visited{color:purple!important}#hover-video.fullscreen{display:block!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;min-width:100vw!important;min-height:100vh!important;object-fit:cover!important;z-index:10!important;margin:0!important;padding:0!important;border:none!important;pointer-events:none}.copyright-footer{font-family:BASTARDO,serif;font-size:13px;position:absolute;top:4px;width:100%;text-align:center;pointer-events:none;padding:6px}.keywords-container{font-family:"M+1M",monospace;font-size:14px;position:absolute;left:50%;transform:translate(-50%);z-index:30;width:100%;pointer-events:none;display:block;line-height:1.2;box-sizing:border-box;padding:0 8px;width:calc(100vw - 23px)}.keyword{display:block;background-color:transparent;color:#000;text-align:justify;text-align-last:justify}.keyword.single-word{text-align:center;text-align-last:center}.language-toggle{font-family:"M+1M",monospace;font-size:14px;position:fixed;top:75px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:8px;pointer-events:auto}.lang-button{font-family:"M+1M",monospace;font-size:14px;background-color:transparent;border:none;color:#000;cursor:pointer;padding:0;margin:0;text-decoration:none;transition:text-decoration .2s}.lang-button:hover,.lang-button.active{text-decoration:underline}.lang-separator{color:#000;pointer-events:none}.language-toggle.hidden{display:none!important}
