:root{--light-tint-color: #651fff;--dark-tint-color: #aa8cff;--light-faded-tint-color: #efe8ff;--dark-faded-tint-color: #2a175c;--light-primary-background-color: #ffffff;--dark-primary-background-color: #222222;--light-secondary-background-color: #F7F7F7;--dark-secondary-background-color: #2D2D2D;--light-primary-text-color: #000000;--dark-primary-text-color: #ffffff;--light-secondary-text-color: #646464;--dark-secondary-text-color: #b0b0b0;--light-separator-color: #cccccc;--dark-separator-color: #646464}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--light-primary-background-colo)r;color:var(--light-primary-text-color);font-family:-apple-system,BlinkMacSystemFont,Helvetica,Arial;font-size:1em;text-align:center}a{text-decoration:none;color:var(--light-tint-color)}a:hover,a.selected{background-color:var(--light-tint-color);color:var(--light-primary-background-color)}h1{font-size:2em}h2{font-size:1.75em}h3{font-size:1.5em}h1,h2,h3{line-height:1.2em}h1,h2,h3,h4,h5,h6{letter-spacing:1px;font-weight:500}p{line-height:1.6em;margin-bottom:10px}.page-container{position:relative;min-height:100vh;margin-left:auto;margin-right:auto;text-align:left}.page-content{padding-top:10px;padding-bottom:calc(20px + 60px);padding-left:20px;padding-right:20px}.primary-text{color:var(--light-primary-text-color)}.secondary-text{color:var(--light-secondary-text-color)}.tertiary-text{color:var(--light-secondary-text-color);font-size:.8em}ul.simple-list{list-style-type:none;padding:0}div.separator{width:100%;height:1px;background-color:var(--light-separator-color);margin-top:20px;margin-bottom:20px}img.width-60,video.width-60{max-width:100%}header .logo a{display:flex;align-items:center}header .logo a:hover{background-color:transparent}header .logo a:hover *{color:var(--light-tint-color)}header .logo .avatar{width:40px;height:40px;border-radius:6px}header .logo .site-name{margin-top:0;margin-bottom:0;margin-right:0;margin-left:10px;font-size:1.4em;letter-spacing:1px}header .wrapper{padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px;border-bottom:.5px solid var(--light-separator-color)}nav{display:flex;margin-top:20px}nav li{list-style-type:none;display:inline-block;margin-right:10px;font-size:1.1em;letter-spacing:1px}nav li:last-child{margin:0}nav li a{padding:3px 2px}footer{position:absolute;bottom:0;width:100%;font-size:.9em}footer .wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60px;line-height:1.6em;border-top:.5px solid var(--light-separator-color)}footer ul{letter-spacing:1px}footer ul li{display:inline-block;margin-right:20px;line-height:1.6em}footer ul li:last-child{margin-right:0}.page-description{margin-top:10px;margin-bottom:30px;padding-left:10px;padding-right:10px}.page-description p{margin:0;display:inline;padding:10px 0;font-size:1.1em;line-height:1.8em;background-color:var(--light-faded-tint-color);box-shadow:10px 0 0 var(--light-faded-tint-color),-10px 0 0 var(--light-faded-tint-color)}article a h1{color:var(--light-primary-text-color);display:inline}article a h1:hover{background-color:var(--light-tint-color);color:#fff}article p,article ul,article ol{line-height:1.6em;margin-top:20px;margin-bottom:20px}article p:last-child,article ul:last-child,article ol:last-child{margin-bottom:0}article ul,article ol{margin-left:0;margin-right:0;padding-left:20px;padding-right:20px}article img,article video{max-width:100%;display:block;margin-left:auto;margin-right:auto;margin-top:30px;margin-bottom:30px}article img:first-child,article video:first-child{margin-top:0}article img:last-child,article video:last-child{margin-bottom:0}article img.bordered,article vidoe.bordered{border:1px solid var(--light-separator-color)}ul.other-posts-list{margin-bottom:10px}ul.other-posts-list li.post-item{margin-top:20px}ul.other-posts-list li.post-item:first-child{margin-top:0}ul.other-posts-list li.post-item a h1{display:inline}ul.other-posts-list li.post-item a:hover{color:var(--light-primary-text-color);background-color:transparent}ul.other-posts-list li.post-item a:hover h1{background-color:var(--light-tint-color);color:#fff}blockquote{background:var(--light-secondary-background-color);border-left:5px solid var(--light-tint-color);margin:1.5em 5px;padding:.5em 15px}blockquote p{display:inline}li.project-item{margin-top:30px;display:flex}li.project-item:first-child{margin-top:0}div.project-icon-container{width:60px;margin-right:10px;flex-shrink:0}div.project-icon-container a:hover{background-color:transparent}img.project-icon{object-fit:cover;width:100%}li.project-item h4:first-child{display:inline;font-weight:600}@media(prefers-color-scheme:dark){body{background-color:var(--dark-primary-background-color);color:var(--dark-primary-text-color)}a{color:var(--dark-tint-color)}a:hover,a.selected{background-color:var(--dark-tint-color);color:#fff}.primary-text{color:var(--dark-primary-text-color)}.secondary-text{color:var(--dark-secondary-text-color)}.tertiary-text{color:var(--dark-secondary-text-color);font-size:.8em}header .wrapper{border-bottom:.5px solid var(--dark-separator-color)}header .logo a:hover *{color:var(--dark-tint-color)}footer .wrapper{border-top:.5px solid var(--dark-separator-color)}.page-description p{background-color:var(--dark-faded-tint-color);box-shadow:10px 0 0 var(--dark-faded-tint-color),-10px 0 0 var(--dark-faded-tint-color)}div.separator{background-color:var(--dark-separator-color)}article a h1{color:var(--dark-primary-text-color)}article a h1:hover{background-color:var(--dark-tint-color)}article img.bordered,article video.bordered{border:1px solid var(--dark-separator-color)}ul.other-posts-list li.post-item a:hover h1{background-color:var(--dark-tint-color)}blockquote{background:var(--dark-secondary-background-color);border-left:5px solid var(--dark-tint-color)}}@media(min-width:720px){body{font-size:1.1em}header .wrapper{display:flex;padding-left:0;padding-right:0}header .wrapper logo,header .wrapper nav{flex:1}nav{margin-top:0;align-items:center;justify-content:flex-end}nav li{margin-right:20px}.page-container{max-width:720px}.page-content{padding-left:0;padding-right:0}img.width-60,video.width-60{max-width:60%}}