html{font-size:clamp(15.8px, calc(14px + 0.115vw + 0.062vh), 18.5px)}*{margin:0;padding:0;box-sizing:border-box}mark{background-color:#496A60;color:#fff}body{font-family:"Helvetica","Palatino"}#container{max-width:clamp(20rem, 80vw, 60rem);margin:2.2em auto 0 auto;padding:0 0.5em}nav{margin:1rem 0 2rem 0}nav li{list-style:none;display:inline-block;margin:0;font-family:"Palatino Linotype","HelveticaNeue",system-ui;font-weight:600}nav a{margin-right:2.2rem;text-decoration:none;font-size:1.38rem}h1,h2,h3{color:#444;font-family:"Palatino Linotype","HelveticaNeue",system-ui}h1{font-size:clamp(1.4rem, calc(1.39rem + 0.05vh), 1.55rem);margin-top:1rem}.global-title{font-size:clamp(1.9rem, calc(1.89rem + 0.06vh), 2.1rem);letter-spacing:0.03em;color:#222;font-weight:100;font-family:'Palatino'}h2{font-size:clamp(1.28rem, calc(1.27rem + 0.045vh), 1.42rem);font-weight:600}h3{font-size:clamp(1.2rem, calc(1.19rem + 0.04vh), 1.34rem)}h2,h3{margin:2rem 0 0.8em 0;color:#444}p,li{font-size:1.05rem;line-height:150%;color:#444;margin:0.5rem 0}li{margin:0.25rem 0 0 2.5rem}li:first-child{margin-top:0}a{color:#496A60}a:hover,a:active{color:#5e887b}img{max-width:95%}.avatar{width:8rem;height:8rem;border-radius:4.5rem;margin-right:1.5rem}.greeting-container{display:flex;margin-bottom:calc(-2em + 1.4em * var(--vscale));flex-direction:row;align-items:center}.greeting-container p{font-size:1.05em;line-height:1.5em}.greeting-container h3{align-self:center;margin:0;font-weight:70;font-size:1.05em;line-height:1.5em}.posts-list-item{list-style:none;margin:1.25rem 0}.posts-list-title{margin-bottom:0.75rem}.posts-list-item:first-of-type{margin-top:1.25rem}.posts-list-item .title{margin:0 0.25rem 0 0;display:inline-block}.timestamp{color:#676767}.timestamp-inline{line-height:1;align-self:flex-end;display:inline-block}.timestamp-block{display:block;margin-top:0.75rem}code{background:#e6e6e6;padding:0.2px 1px;border-radius:3px;font-family:Courier,monospace}.gallery-body{font-family:"Helvetica","Palatino";line-height:1.1;color:#333;margin:0 -2.5em 2em -2.5em}.project-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5em}.gallery-body h2{font-weight:100}.project-description,.project-date,.project-title{line-height:1.1}.project-link{text-decoration:none}.project-link .project{display:flex;align-items:flex-start;transition:background-color 0.3s;cursor:pointer}.project-link .project:hover{background-color:#eee}.project-image{width:120px;height:120px;margin:0.5em 0.8em 0.5em 0.5em;flex-shrink:0}.project-image img{width:100%;height:100%;object-fit:cover;background-color:#000}.project-text{flex-grow:1;display:grid;grid-template-rows:auto 1fr auto}.project-title{font-size:1em;margin-top:0.5em}.project-description{margin:0em 0;font-size:0.9em}.project-date{font-style:italic;color:#666;font-size:0.9em}@media (min-width: 600px) and (max-width: 1024px){.project-grid{grid-template-columns:repeat(2, 1fr)}.greeting-container{text-align:justify;padding:0 0.3em;margin-bottom:1em}.greeting-container img{margin-right:1.5em}.ascii-art{margin-bottom:2em}}@media (min-width: 400px) and (max-width: 600px){.project-grid{grid-template-columns:1fr}#container{max-width:90%;margin:2em auto 0 auto;padding:0 0.5em}.greeting-container{flex-direction:column;text-align:justify;padding:0 0.3em;margin-bottom:1em}.gallery-body{margin:0 auto}.greeting-container img{margin-bottom:1.5em}.ascii-art{margin-bottom:2em}}@media (min-width: 300px) and (max-width: 400px){.project-grid{grid-template-columns:1fr}#container{max-width:92%;margin:2em auto 0 auto;padding:0 0.5em}.greeting-container{margin-bottom:1em;flex-direction:column;text-align:justify;padding:0 0.3em}.greeting-container img{margin-bottom:1.5em}.gallery-body{margin:0 auto}.ascii-art{margin-bottom:2em}}