:root{--bg-0:#fbf3db;--fg-0:#53676d;--bg-1:#ece3cc;--fg-1:#3a4d53;--dim-0:#909995;--cyan:#009c8f;--br-cyan:#00978a;--orange:#c25d1e}body{background-color:var(--dim-0);color:var(--fg-0);font-family:sans-serif;display:flex;flex-direction:column;margin:0;align-items:center;font-size:1em}header#main-header,footer#main-footer,main{display:flex;max-width:35em;width:100%;padding-left:10px;padding-right:10px;box-sizing:border-box}main{background-color:var(--bg-0);flex-direction:column;padding-bottom:20px}header#main-header,footer#main-footer{background-color:var(--bg-1)}header#main-header{flex-direction:column}span.cyan{color:var(--cyan)}nav ul{display:flex;gap:10px}nav ul li{list-style:none}nav a{display:block;text-decoration:none}nav a#current,nav a:hover{text-decoration-line:underline;text-decoration-thickness:4px;cursor:pointer}ul#socials{display:flex;gap:10px}ul#socials li{list-style:none}h1,h2,h3{color:var(--cyan)}h1:hover,h2:hover,h3:hover{color:var(--br-cyan)}h1{margin-bottom:2px}article header time{font-size:1.5rem;color:var(--dim-0)}p{line-height:1.6rem}a{color:var(--orange);text-decoration:none}a:hover{text-decoration:underline;cursor:pointer}table{width:100%;border-spacing:0}th,td{padding:10px}th{background-color:var(--bg-1);color:var(--fg-1)}figure{margin:16px 20px}figure img{width:100%}figcaption{font-style:italic}div.highlight{overflow-x:scroll}div.highlight span{width:fit-content}main>pre{overflow-x:scroll;padding-bottom:13px}ul.tags{display:flex;list-style:none;padding:0}ul.tags li{font-size:.8em;padding:3px 10px;border:1px solid var(--fg-1);color:var(--dim-0);border-radius:.3em;margin-right:10px}ul.tags li:hover{cursor:pointer;background-color:var(--dark-blue)}#pgrid{display:flex;flex-flow:row wrap;justify-content:space-around}article.pitem{display:flex;width:15em;border:1px solid var(--grey);border-radius:1em; #background: no-repeat linear-gradient(0deg,rgba(34, 193, 195, 1) 0%, rgba(253, 187, 45, 1) 100%);background:no-repeat radial-gradient(circle,#ff81ca 0%,#fa9153 100%);background-size:auto 100px;flex-direction:column;margin:20px 5px 0;padding:10px;box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,2%)}article.pitem header img{display:flex;border-radius:50%;border:4px solid #f8f8f8;margin-top:10px;margin-left:auto;margin-right:auto}article.pitem h3{margin-bottom:0}footer.pitem svg{width:1em;height:1em;vertical-align:baseline;padding-right:3px}footer.pitem span{font-size:.8em}