@font-face{font-family:"IBM_BIOS";src:url("fonts/IBM_BIOS.woff") format("woff")}:root{--main-bg-clr: #aaa;--topbar-bg-clr: #5ff;--title-clr: #000;--nav-bar-bg-clr: blue;--text-clr: #000;--text-secondary-clr: blue;--link-clr: #000;--border-clr: #000;--error-border-clr: red;--error-bg-clr: #5ff;--error-clr: #000;--guest-topbar-bg: blue;--guest-topbar-clr: #fff;--icon-link: url(../data/pics/link-light.svg);--code-bg: #fff;--code-clr: #000}html[data-theme=light]{--main-bg-clr: #aaa;--topbar-bg-clr: #5ff;--title-clr: #000;--nav-bar-bg-clr: blue;--text-clr: #000;--text-secondary-clr: blue;--link-clr: #000;--border-clr: #000;--error-border-clr: #000;--error-bg-clr: #5ff;--error-clr: #000;--guest-topbar-bg: blue;--guest-topbar-clr: #fff;--code-bg: #fff;--code-clr: #000;--transparent-bg-clr: rgba(1,1,1,.5);--icon-link: url(../data/pics/link-light.svg);--account-link: url(../data/pics/account-light.png);--login-link: url(../data/pics/login-light.png);--logout-link: url(../data/pics/logout-light.png);--light-theme-display: block;--dark-theme-display: none}html[data-theme=dark]{--main-bg-clr: #000;--topbar-bg-clr: #000;--title-clr: #fff;--nav-bar-bg-clr: #b00;--text-clr: #fff;--text-secondary-clr: red;--link-clr: #fff;--border-clr: #b00;--error-border-clr: red;--error-bg-clr: #000;--error-clr: red;--guest-topbar-bg: #b00;--guest-topbar-clr: #000;--icon-link: url(../data/pics/link-dark.svg);--code-bg: #000;--code-clr: #fff;--transparent-bg-clr: rgba(0,0,0,.5);--account-link: url(../data/pics/account-dark.png);--login-link: url(../data/pics/login-dark.png);--logout-link: url(../data/pics/logout-dark.png);--light-theme-display: none;--dark-theme-display: block}html[data-font=ibm]{--font: IBM_BIOS;--font-ibm-display: none;--font-def-display: block}html[data-font=def]{--font: Arial, sans-serif;--font-ibm-display: block;--font-def-display: none}html[modal-active=none]{--login-modal-display: none;--account-modal-display: none}html[modal-active=login]{--login-modal-display: block;--account-modal-display: none}html[modal-active=account]{--login-modal-display: none;--account-modal-display: block}html[login-status=false]{--account-button-display: none;--login-button-display: block;--logout-button-display: none}html[login-status=true]{--account-button-display: block;--login-button-display: none;--logout-button-display: block}body{background-color:var(--main-bg-clr);padding:0;margin:0;font-family:var(--font);color:var(--text-clr)}a{color:var(--link-clr)}.blink{animation:blink 1.5s steps(1, end) infinite}.clickable{cursor:pointer}.secondary-color{color:var(--text-secondary-clr)}@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.light-display-toggle{display:var(--light-theme-display)}.dark-display-toggle{display:var(--dark-theme-display)}img,.button{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor;}.button{cursor:pointer}#global-header{display:flex;align-items:center;background-color:var(--topbar-bg-clr);width:100vw;height:36px;font-size:200%}#global-header-left,#global-header-center,#global-header-right{flex:1;display:flex;gap:.5rem;height:100%}#global-header-center{justify-content:center}#global-header-right{justify-content:flex-end;margin-right:5px}#global-header-left{margin-left:5px}#global-header a{text-decoration:none;color:var(--title-clr)}#global-header img{margin:2px}#global-header .button{height:auto;aspect-ratio:1/1;background-size:100% 100%;background-repeat:no-repeat;margin:2px;display:block}#global-header #account-button{background-image:var(--account-link);display:var(--account-button-display)}#global-header #login-button{background-image:var(--login-link);display:var(--login-button-display)}#global-header #logout-button{background-image:var(--logout-link);display:var(--logout-button-display)}#global-nav{background-color:var(--nav-bar-bg-clr);width:100vw}#global-nav ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;gap:35px}#global-nav #sel-colored{background-color:var(--main-bg-clr);color:var(--nav-bar-bg-clr)}#global-nav li a{color:var(--main-bg-clr);font-size:200%;text-decoration:none;height:100%;padding:0 5px;display:inline-block}#global-nav li a:hover{background-color:var(--main-bg-clr);color:var(--nav-bar-bg-clr)}#content-parent{width:100%;box-sizing:border-box;border:10px solid rgba(0,0,0,0)}#content-border{background:var(--main-bg-clr);box-sizing:border-box;border:3px solid var(--border-clr);padding:10px;height:100%;overflow:auto}#home{display:flex;width:100%}#home-child{padding:10% 10px;margin:20px auto;font-size:300%}#about-me h1{font-size:160%;color:var(--text-secondary-clr)}#about-me p{font-size:150%}.giallo{display:block;clear:both;overflow-x:auto}#blog-list{display:flex;flex-direction:column;align-items:center;justify-content:stretch;gap:1em}#blog-list .blog-element{width:60%;height:250px;border:3px solid var(--border-clr);display:flex;align-items:stretch}#blog-list .blog-element .meta{padding:10px;font-size:120%;align-self:stretch;width:100%}#blog-list .blog-element .meta .top-meta{display:flex;justify-content:space-between;width:100%;align-self:stretch}#blog-list .blog-element .meta .top-meta h3{margin-top:auto;margin-bottom:auto}#blog-list .blog-element .meta .top-meta .info{position:sticky;align-self:flex-end;border:3px solid var(--border-clr);padding:10px}#blog-list .blog-element .thumbnail{width:300px;border-right:3px solid var(--border-clr)}#blog-list .blog-element .thumbnail img{width:100%;height:100%;object-fit:cover}#blog-page{width:65%;margin:auto;font-size:120%;position:relative}#blog-page h1{margin:0}#blog-page strong{color:var(--text-secondary-clr)}#blog-page .meta{display:flex;justify-content:space-between}#blog-page .meta h1{margin-top:auto;margin-bottom:auto}#blog-page .meta .info{position:sticky;top:0;align-self:flex-start;border:3px solid var(--border-clr);padding:10px}#blog-page #blog-content h1{font-size:160%}#blog-page #blog-content h2{font-size:140%}#blog-page #blog-content code{background:var(--code-bg);color:var(--code-clr);border:3px solid var(--border-clr);page-break-inside:avoid;font-family:var(--font);font-size:100%;max-width:100%;overflow:auto;padding:1em 1.5em;display:block;word-wrap:break-word;white-space:pre-wrap}#blog-page #blog-content figure{margin:10px 10px 10px 10px;border:3px solid var(--border-clr);max-width:25%;display:flex;justify-content:center;flex-direction:column;flex-wrap:nowrap;align-items:center}#blog-page #blog-content figure img{max-width:100%;object-fit:contain}#blog-page #blog-content figure img:has(+figurecaption){border-bottom:3px solid var(--border-clr)}#blog-page #blog-content figure figurecaption{padding:10px 10px 10px 10px}#blog-page #blog-content figure:nth-child(even){float:right}#blog-page #blog-content figure:nth-child(odd){float:left}#blog-page #blog-content .clear{clear:both}#blog table{max-width:30em;margin:10em auto;font-size:130%;border-collapse:collapse}#blog table .hdr{color:var(--text-secondary-clr)}#blog table .soc-media{width:33%}#blog table .soc-media img{width:100%}#blog table .soc-media a{display:block;margin:5px auto;max-width:2em}#blog table,#blog tr,#blog td{border:3px solid var(--border-clr)}#contact table{max-width:30em;margin:10em auto;font-size:130%;border-collapse:collapse}#contact table .hdr{color:var(--text-secondary-clr)}#contact table .soc-media{width:33%}#contact table .soc-media img{width:100%}#contact table .soc-media a{display:block;margin:5px auto;max-width:2em}#contact table,#contact tr,#contact td{border:3px solid var(--border-clr)}#webring p{font-size:130%}#webring #sites{padding:10px;margin:auto;gap:1em;display:flex;flex-wrap:wrap;justify-content:center}#webring #sites .site-item{display:inline-block;border:3px solid var(--border-clr);width:240px;height:60px}#webring #sites .site-item a img{width:240px;height:60px}.error-box{border:3px solid var(--error-border-clr);background-color:var(--error-bg-clr);padding:10px 10px 10px 10px;max-width:100%;position:relative}.error-box p::before{color:var(--title-clr);content:"Error ";margin:0px 5px 0px 5px;position:absolute;top:-1.1em;left:0em}.error-box p{color:var(--error-clr);margin:0}#guestbook{display:flex;justify-content:center;width:100%;flex-direction:column;flex-wrap:nowrap;align-items:center;gap:3em}#guestbook #guestbook-input-container{border:3px solid var(--border-clr);padding:10px 10px 10px 10px}#guestbook #guestbook-input-container form{display:flex;justify-content:space-between;flex-direction:column;align-items:stretch}#guestbook #guestbook-input-container form textarea{max-width:100%}#guestbook #guestbook-messages{display:flex;justify-content:center;flex-direction:column;flex-wrap:nowrap;align-items:center;width:25%;gap:1em}#guestbook #guestbook-messages .message{flex:0 0;width:100%;border:3px solid var(--border-clr)}#guestbook #guestbook-messages .message .message-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;background-color:var(--guest-topbar-bg);color:var(--guest-topbar-clr);padding:2px 2px 2px 2px}#guestbook #guestbook-messages .message .message-header *:not(:last-child){padding-right:1em}#guestbook #guestbook-messages .message .message-header *:last-child{margin-left:auto}#guestbook #guestbook-messages .message .message-header .message-link{width:2em;background-image:var(--icon-link);background-repeat:no-repeat;background-position:center}#guestbook #guestbook-messages .message .message-header .message-link a{display:inline-block;width:100%;height:100%}#guestbook #guestbook-messages .message .message-content{border-top:3px solid var(--border-clr);padding:10px 10px 10px 10px;flex:1;overflow:auto}input{border:3px solid var(--border-clr);font-family:var(--font)}textarea{border:3px solid var(--border-clr);font-family:var(--font)}#login-modal{display:var(--login-modal-display)}#account-modal{display:var(--account-modal-display)}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;padding-top:60px;background:var(--transparent-bg-clr)}.modal-content{position:relative;margin:5% auto 15% auto;border:3px solid var(--border-clr);width:20%;background:var(--main-bg-clr)}.modal-close{position:absolute;text-align:center;font-size:20px;font-weight:bold;right:0;top:0;cursor:pointer;margin:5px 5px 0 0}.modal-close:hover,:focus{color:red}.modal-content .container{margin:5px}.modal-content .container input{width:100%;box-sizing:border-box}#register-button{float:right}@media screen and (max-width: 616px){#summary{display:flex;flex-direction:column}#content-parent{position:relative}.flex-row-holder{flex-direction:column}#local-nav{position:absolute;display:flex;right:0;top:0;z-index:1}#projects-grid{display:flex;flex-direction:column}#projects-grid .project-item{margin:0 20px}#guestbook #guestbook-messages{width:100%}#guestbook #guestbook-input-container{width:75%}#blog article figure{max-width:100%}}@media screen and (min-width: 617px){#summary{display:grid;grid-template-columns:auto auto;width:500px}#content-parent{position:absolute;top:72px;bottom:0}.flex-row-holder{flex-direction:column}#local-nav{position:fixed;display:flex;right:40px;top:82px;z-index:1}#projects-grid{display:grid;grid-template-columns:1fr 1fr}#guestbook #guestbook-messages{width:75%}.error-box{max-width:75%}#blog article figure{max-width:100%}}@media screen and (min-width: 1000px){#projects-grid{display:grid;grid-template-columns:1fr 1fr 1fr}.flex-row-holder{flex-direction:row}#guestbook #guestbook-messages{width:50%}.error-box{max-width:50%}#blog article figure{max-width:50%}}@media screen and (min-width: 1200px){#projects-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}#guestbook #guestbook-messages{width:25%}.error-box{max-width:25%}#blog article figure{max-width:25%}}