:root{text-transform:lowercase;--font-main: "ChiKareGo2", monospace;--font-size-main: 12pt;--font-size-title: 16pt;--font-size-small: 10pt;--font-size-xsmall: 9pt;--profile-pic-max-width: 60%;--profile-pic-max-height: 100%;--window-padding: 10px;--project-icon-size: 32px;--project-filename-size: var(--font-size-small);--project-description-size: var(--font-size-xsmall);--footer-size: var(--font-size-small);--header-gap: 8px;--navbar-gap: 4px;--navbar-padding: 4px 8px;--interests-table-size: var(--font-size-small);--interests-table-padding: 4px;--experience-margin-bottom: 10px;--btn-size: var(--font-size-main);--window-shadow: 4px 4px 0 0 #000;--img-border: 2px solid #000;--img-shadow: 2px 2px 0 #888;--img-bg: #fff;--project-gap: 15px;--project-padding: 10px;--separator-height: .5px;--separator-bg: #000}@font-face{font-family:ChiKareGo2;src:url(/fonts/ChiKareGo2.ttf) format("truetype")}body{background-color:silver;margin:0;padding:20px;background-image:url(/png/tile.png);background-repeat:repeat;font-family:var(--font-main);font-size:var(--font-size-main);line-height:1.2}c,c *{text-transform:none!important;font-variant:normal!important;letter-spacing:normal!important}h1,h2,h3{font-size:var(--font-size-title);margin:8px 0}p{margin:8px;padding:4px}div,span{font-size:var(--font-size-main);line-height:1.2}small{font-size:var(--font-size-small)}.separator{height:var(--separator-height);background:var(--separator-bg)}.btn{font-size:var(--btn-size);font-family:var(--font-main)}.modal{position:fixed;z-index:1000;inset:0;display:flex;align-items:center;justify-content:center}.modal-backdrop{position:fixed;inset:0;background:#50505073;z-index:1001;pointer-events:auto}.master-container{margin:auto;max-width:900px;width:90vw}.page-content-container{display:grid;grid-template-columns:.8fr 1.4fr;grid-gap:20px;grid-template-areas:"sidebar main";margin-bottom:20px}.profile-sidebar{grid-area:sidebar;display:flex;flex-direction:column;gap:5px;width:250px}main{grid-area:main;display:flex;flex-direction:column;gap:5px}.window,.standard-dialog{box-shadow:var(--window-shadow);width:100%;max-width:100%;box-sizing:border-box;margin-bottom:0}.window-pane{height:calc(100% - 55px);padding:var(--window-padding);overflow:hidden;font-size:var(--font-size-main)}.title-bar .title{font-size:var(--font-size-title)}.details-bar{height:12px;border-top:0}.details-bar span{color:#666;font-size:var(--font-size-small)}.close-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:var(--font-size-xsmall);background:#fff;border:1.5px solid #000;padding:2px;cursor:pointer;text-decoration:none;font-weight:700}.close-btn:hover{background:#000;color:#fff}.standard-dialog{margin-top:16px;margin-left:15px;font-size:var(--font-size-title);text-align:center;padding:1em 0}.footer{text-align:center;margin-top:20px;font-size:var(--footer-size)}.profile-picture-container{display:flex;flex-direction:column;align-items:center;gap:0}.profile-pic{max-width:var(--profile-pic-max-width);max-height:var(--profile-pic-max-height);object-fit:cover;border:var(--img-border);box-shadow:var(--img-shadow)}.profile-info{flex:1;font-size:var(--font-size-main);margin-top:.5em;text-align:center}.profile-info div{margin:4px 0}.links-finder{display:grid;grid-template-columns:repeat(auto-fit,minmax(30px,1fr));gap:12px;justify-items:center;align-items:start;padding:var(--project-padding)}.link-item{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:#000;padding:6px;border-radius:4px;transition:background .12s}.link-item:hover{background:none;outline:1.5px solid #000;outline-offset:-2px}.link-item:hover .link-label{text-decoration:underline}.link-icon object{height:32px;width:auto;margin-bottom:4px;image-rendering:pixelated;border:none;box-shadow:none;display:block;pointer-events:none}.link-label{font-size:var(--font-size-small);font-family:var(--font-main);margin-top:2px;font-weight:700;letter-spacing:.5px}.interests-table{width:100%;border-collapse:collapse;border:1px solid #000;font-size:var(--interests-table-size)}.interests-table td{border:1px solid #000;padding:var(--interests-table-padding);text-align:center}.projects-finder{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--project-gap);padding:var(--project-padding)}.project-item{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer}.project-item a{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:#000;cursor:pointer;padding:6px 0;border-radius:4px;transition:background .12s}.project-item a:hover{background:none;outline:1.5px solid #000;outline-offset:-2px}.project-item a:hover .project-filename{text-decoration:underline}.project-icon{width:32px;height:32px;margin-bottom:4px;image-rendering:pixelated;border:1px solid #000;background:#fff;box-shadow:2px 2px #888;display:block}.project-filename{font-size:var(--project-filename-size);margin-bottom:2px;font-weight:700}.project-description{font-size:var(--project-description-size);color:#555;line-height:1.1}.experience-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.company-icon{width:32px;height:32px;flex-shrink:0;border:none;box-shadow:none}.experience-content{flex:1}.exp-location{font-size:var(--font-size-small);color:#666;margin-top:2px}.experience-item{margin-bottom:var(--experience-margin-bottom);font-size:var(--font-size-main);padding:0 .5em}.experience-item strong{font-size:var(--font-size-main)}.experience-item ul{margin:4px 0;padding-left:20px}.experience-item li{margin:2px 0;font-size:var(--font-size-main)}#lastfm-widget{font-size:var(--font-size-main);width:100%;margin:0 auto;text-align:center}.lastfm-album-art{width:100px;height:100px;margin:0 auto 10px;background:#eee;display:flex;align-items:center;justify-content:center}#lastfm-album-img{width:100px;height:100px;image-rendering:pixelated;display:none;border:var(--img-border);box-shadow:var(--img-shadow)}#lastfm-track-link{font-size:var(--font-size-main);font-weight:700;text-decoration:underline}#lastfm-artist,#lastfm-album{font-size:var(--font-size-small);margin-top:4px}#lastfm-album{color:#555;margin-top:2px}#lastfm-date,#lastfm-nowplaying{font-size:var(--font-size-xsmall);margin-top:8px}#lastfm-date{color:#888}#lastfm-nowplaying{color:green;display:none}.lastfm-credit{font-size:8pt;color:#888;opacity:.85;font-family:var(--font-main);text-align:end;transform:translate(6px,8px)}.lastfm-credit a{color:#888}.profile-sidebar #profile-left,.profile-sidebar #links-left{display:block}main #profile-main,main #links-main{display:none}@media screen and (max-width: 768px){.page-content-container{display:flex;flex-direction:column;gap:0}.main-header{width:80vw}.footer{width:82vw}main .window,main .standard-dialog{width:80vw}main .standard-dialog{width:82vw}.profile-sidebar{width:80vw;order:1}.profile-sidebar #profile-left,.profile-sidebar #links-left{display:none}main #profile-main,main #links-main{display:block}main .standard-dialog{display:none}}.main-header{margin-bottom:5px}.main-header .title{display:flex;align-items:center;gap:var(--header-gap);font-size:var(--font-size-title)}.navbar{display:flex;align-items:center;justify-content:space-between}.navbar ul[role=menubar]{background:none;border:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:0}.navbar li[role=menuitem]{background:none;border:none;padding:0;margin:0;border-right:1px solid #000}.navbar li[role=menuitem]:last-child{border-right:none}.navbar a{color:#000;text-decoration:none;font-weight:400;font-size:14pt;display:flex;align-items:center;gap:var(--navbar-gap);padding:var(--navbar-padding)}.navbar li:hover{background:#000}.navbar li:hover a{color:#fff}.navbar-right{display:flex;align-items:center;gap:4px}.info-btn{background:none;border:none;cursor:pointer;padding:0 4px}.info-btn object{pointer-events:none;vertical-align:top}.info-btn:focus{outline:1.5px solid #000;outline-offset:1px}.navbar-clock{text-align:right;letter-spacing:1px;color:#222;font-family:var(--font-main);font-size:14pt;margin-left:0}.home-icon{width:20px;height:20px;border:0;box-shadow:none;background:none;transition:filter .1s}.home-icon img.hover-apple{content:url(/png/apple_color.png)}@media (max-width: 768px){.navbar{flex-direction:column;align-items:flex-start}.navbar-right{display:none}.navbar a{padding:6px 10px;display:block;text-align:center}.navbar ul[role=menubar]{justify-content:space-between;flex-wrap:wrap}li[role=menuitem]{flex:1 1 auto;border:1px solid #000!important}}