html{background-color:#111;color:#ccc;font-family:"PT Serif",serif}h1,h2,h3,h4,h5,h6,time{font-family:"Fira Sans",sans-serif;margin:0;margin-top:1.2em}#home-first{margin-top:1.2em}h3:before,h2:before{content:"#";color:rgb(155.5,205.25,255);padding-right:10px;font-family:"PT Serif",serif;position:relative;top:3px}h2:before{font-size:1.5em}h3:before{font-size:1.3em}p,figure,table{margin:.6em 0 .9em 0}h1{font-weight:400;font-size:25.6px;margin-top:1em;margin-bottom:.7em}@media screen and (max-width: 700px){h1{margin-top:0}}h2{font-weight:400;font-size:22.4px}h3{font-weight:400;font-size:20.8px}a{color:hsl(0,0%,90%)}a:hover{color:rgb(130,192.5,255)}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#ccc;text-decoration:none}.time,time{display:block;color:#c1c1c1;font-size:12.8px;margin-top:-1.4em}blockquote{margin-left:0;margin-right:0}blockquote p{display:inline}blockquote:before{content:open-quote;display:inline;margin-right:.5em;font-size:24px;color:#c1c1c1;line-height:0em}ul,ol{margin:.8em 0 1.5em 0}ul ul,ul ol,ol ul,ol ol{margin:.5em}ul li,ol li{margin:.5em 0;font-family:"Fira Sans",sans-serif}pre{margin:0}table{border-collapse:separate;border-spacing:0;table-layout:fixed}@media screen and (max-width: 400px){table{width:100%}}table thead,table tbody{border-collapse:separate}table thead th{border-bottom:2px solid #ccc}table thead::after{content:"";display:block;height:.4em}table td,table th{word-wrap:break-word;white-space:pre-wrap;padding:.1em 0;padding-right:1em}hr{margin:1.5em 0}img{width:100%;display:block;margin:2em auto 1em auto;box-sizing:border-box;animation:fadeIn .7s}@keyframes fadeIn{from{opacity:0}to{opacity:1}}html,body{margin:0;padding:0;height:100%}body{display:flex;flex-direction:column}@supports not (display: grid){body{display:block}}html{scroll-behavior:smooth}.container{text-align:center;display:flex;align-items:center;justify-content:center;height:100%;flex-direction:column}.container404 h1,.container404 p{margin:.25em 0}main,nav,footer{width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box;max-width:700px;padding:2em 3em}@media screen and (max-width: 700px){main,nav,footer{max-width:auto;padding:1em 0;width:80%}}header{margin-bottom:1.7em}nav{flex-shrink:0}main{flex:1 1;padding-top:0em;padding-bottom:0em}code{background-color:rgb(29.75,29.75,29.75);margin:.2em;padding:0 .5em}.highlight{overflow-x:auto;font-size:1em;margin:.3em 0;padding:.4em .6em}.highlight code{padding:1em;background-color:#1d1f21;line-height:1.4em;margin:0;padding:0}.highlight table{margin:0}.highlight table tr,.highlight table td{padding:0}.lineno{color:#bababa;margin-right:.9em}.highlight .hll{background-color:rgb(4.25,4.25,4.25)}.highlight{background:#1d1f21;color:#c5c8c6}.highlight .c{color:#969896}.highlight .err{color:#c66}.highlight .k{color:#b294bb}.highlight .l{color:#de935f}.highlight .n{color:#c66}.highlight .o{color:#8abeb7}.highlight .p{color:#c5c8c6}.highlight .cm{color:#969896}.highlight .cp{color:#969896}.highlight .c1{color:#969896}.highlight .cs{color:#969896}.highlight .gd{color:#c66}.highlight .ge{font-style:italic}.highlight .gh{color:#fff;font-weight:bold}.highlight .gi{color:#b5bd68}.highlight .gp{color:#969896;font-weight:bold}.highlight .gs{font-weight:bold}.highlight .gu{color:#8abeb7;font-weight:bold}.highlight .kc{color:#b294bb}.highlight .kd{color:#b294bb}.highlight .kn{color:#8abeb7}.highlight .kp{color:#b294bb}.highlight .kr{color:#b294bb}.highlight .kt{color:#f0c674}.highlight .ld{color:#b5bd68}.highlight .m{color:#de935f}.highlight .s{color:#b5bd68}.highlight .na{color:#81a2be}.highlight .nb{color:#8abeb7}.highlight .nc{color:#f0c674}.highlight .no{color:#c66}.highlight .nd{color:#8abeb7}.highlight .ni{color:#fff}.highlight .ne{color:#c66}.highlight .nf{color:#81a2be}.highlight .nl{color:#fff}.highlight .nn{color:#f0c674}.highlight .nx{color:#81a2be}.highlight .py{color:#fff}.highlight .nt{color:#8abeb7}.highlight .nv{color:#c66}.highlight .ow{color:#8abeb7}.highlight .w{color:#fff}.highlight .mf{color:#de935f}.highlight .mh{color:#de935f}.highlight .mi{color:#de935f}.highlight .mo{color:#de935f}.highlight .sb{color:#b5bd68}.highlight .sc{color:#fff}.highlight .sd{color:#969896}.highlight .s2{color:#b5bd68}.highlight .se{color:#de935f}.highlight .sh{color:#b5bd68}.highlight .si{color:#de935f}.highlight .sx{color:#b5bd68}.highlight .sr{color:#b5bd68}.highlight .s1{color:#b5bd68}.highlight .ss{color:#b5bd68}.highlight .bp{color:#fff}.highlight .vc{color:#c66}.highlight .vg{color:#c66}.highlight .vi{color:#c66}.highlight .il{color:#de935f}nav{display:flex;align-items:center;justify-content:space-between;text-align:center;margin:2.5em auto .3em auto;padding-top:1em;padding-bottom:1em}nav input{display:none}nav input:checked~ul{display:block;padding:.5em 1em .5em 2em}nav #menu-icon{padding:.7em;display:none;fill:hsl(0,0%,90%);width:18px;height:18px;margin:0 0 0 auto;cursor:pointer}nav .name{flex-grow:1;font-family:"PT Serif",serif;font-size:1.7em;text-transform:uppercase;padding:.05em 0;border-bottom:2px solid rgb(167.5,167.5,167.5);transition-duration:.3s}@media screen and (max-width: 400px){nav .name{font-size:8vw}}nav .name:hover{color:inherit;border-bottom:2px solid rgb(155.5,205.25,255)}nav a{font-family:"Fira Sans",sans-serif;text-decoration:none}nav ul{padding:0;margin:0}nav li{display:inline-block;margin:.2em 1em}nav li:hover .dropdown,nav li:focus-within .dropdown{visibility:visible;opacity:1;transition-duration:.4s}@media screen and (max-width: 700px){nav{display:block;margin-top:2em;margin-bottom:2em;text-align:right;position:relative}nav #header-name{font-size:1em;text-align:left}nav #menu-icon{display:block}nav #nav-inner{background-color:#111;position:absolute;right:3%;top:20.2px;border:1px solid #c1c1c1;border-radius:5px}nav ul{display:none;margin-top:0em}nav li{margin:.3em 0;display:block}}.dropdown{opacity:0;transition-duration:.2s;visibility:hidden;position:absolute;text-align:left;background-color:rgb(22.1,22.1,22.1);font-size:12.8px;border-top:1em solid #111;margin-left:-1.4em;padding:.8em .5em;z-index:3}.dropdown a:before{content:">";margin-right:.5em}.dropdown li{display:block;margin:0}.dropdown a{display:block;margin:0;padding:.4em 1em}.dropdown li:hover{background-color:rgb(29.75,29.75,29.75)}.dropdown li:hover a{color:hsl(0,0%,90%)}@media screen and (max-width: 700px){.dropdown{display:none}}.backlink{margin-top:1.2em;margin-bottom:-1em}.backlink a{text-decoration:none}@media screen and (max-width: 700px){.backlink{margin-bottom:.5em}}header p{margin:0}.post-list ul{display:flex;list-style:none;flex-direction:column;padding:0;margin-top:.2em}@media screen and (max-width: 400px){.post-list ul{padding:0;margin:.8em 0}}.post-list li{margin:.3em 0;display:flex;align-items:baseline}@media screen and (max-width: 400px){.post-list li{margin:.4em 0;flex-direction:column-reverse}}.post-list time{font-size:12.8px;padding-right:2.5em;width:5.3em}.post-list time,.post-list a{margin:0;font-family:"Fira Sans",sans-serif}@media screen and (max-width: 400px){.post-list time,.post-list a{display:block;margin:.2em 0}}#post-nav{margin-top:2em;display:flex;justify-content:space-between;flex-wrap:wrap}@media screen and (max-width: 400px){#post-nav{display:block}}#post-nav a:first-child:last-child{width:100%}#post-nav a{color:#c1c1c1;margin:.3em 0}@media screen and (max-width: 400px){#post-nav a{display:block;margin:.3em auto}}#post-nav a:hover{color:rgb(155.5,205.25,255)}#post-nav #post-nav-left{text-align:left}@media screen and (max-width: 400px){#post-nav #post-nav-left{text-align:center}}#post-nav #post-nav-right{text-align:right}@media screen and (max-width: 400px){#post-nav #post-nav-right{text-align:center}}#project-table{margin-bottom:2.4em}#project-table tbody>tr>td:first-child{white-space:nowrap}.project-container{display:grid;grid-template-columns:1fr 1fr;row-gap:2em;column-gap:1.4em}.project-container section h4{margin-top:0em;font-size:17.6px}.project-container section div{width:100%}.project-container section p{margin-bottom:.6em}.project-container section .project-link{font-size:.8em;display:none}@media screen and (max-width: 700px){.project-container section .project-link{display:block}}.project-container section .time{margin-top:.2em}.project-container section .project-description{font-size:12.8px;margin-top:.2em}@media screen and (max-width: 700px){.project-container section{margin:.5em 0}}@media screen and (max-width: 700px){.project-container{grid-template-columns:1fr}}.project-image{position:relative}.project-image img{margin:.8em 0;width:100%;height:auto;aspect-ratio:250/160}.project-image:hover .project-image-inner{opacity:1;visibility:visible}.project-image .project-image-inner{transition-duration:.2s;width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.8);opacity:0;visibility:hidden}.project-image a{font-family:"Fira Sans",sans-serif;border:1px solid #fff;color:#fff;text-decoration:none;font-size:.8em;padding:.5em 1.5em}.project-image a:hover{background-color:#000;color:rgb(155.5,205.25,255);border-color:rgb(155.5,205.25,255)}.project-container>div:last-child,.project-container>div:nth-last-child(2){margin-bottom:0}@media screen and (max-width: 700px){.project-container>div:last-child,.project-container>div:nth-last-child(2){margin:1.3em 0}}.social{text-align:center;margin:.3em 0;list-style-type:none;padding-left:0;display:flex;justify-content:center}.social li{display:inline-block;margin:0 .6em}.social a,.social svg{display:block;margin:0 auto}.svg-icon{transform:scale(1.3);transition-duration:.2s;display:flex;align-content:center;justify-content:center;fill:hsl(0,0%,65%)}.svg-icon:hover{fill:rgb(155.5,205.25,255)}#rss{display:inline-block;margin-left:10px}#rss svg{fill:#ccc}@font-face{font-display:swap;font-family:"PT Serif";font-style:normal;font-weight:400;src:url("./fonts/pt-serif-v18-latin-regular.woff2") format("woff2"),url("./fonts/pt-serif-v18-latin-regular.ttf") format("truetype")}@font-face{font-display:swap;font-family:"Fira Sans";font-style:normal;font-weight:400;src:url("./fonts/fira-sans-v17-latin-regular.woff2") format("woff2"),url("./fonts/fira-sans-v17-latin-regular.ttf") format("truetype")}/*# sourceMappingURL=style.css.map */