html,body,a,p,nav,div,h1,h2,h3,h4,ul,input,li,ol,header,section,form{padding:0;margin:0;box-sizing:border-box}body,html{position:relative;overflow-x:hidden;width:100%}.container_root{background-color:#f6f6f6;width:100vw;max-width:620px;min-height:100vh;margin:0 auto;padding:20px 40px}@media only screen and (max-width:620px){.container_root{padding:20px 14px}}a{color:#284269;text-decoration:underline}a:hover{text-decoration:none;color:#436eaf;transition:background-color .2s linear}hr{height:2px;width:100%;background-color:#d9d9d9;border:0 solid transparent}.blog .title{padding-top:20px}.blog .series{color:#111;font-size:18px;font-family:open sans,serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100}.blog .series .title{padding-top:10px;padding-bottom:10px}.blog .series a,.blog .series span{margin-top:10px;display:block}.blog h2{color:#111;font-size:16px;font-family:open sans,serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100}.blog h1{color:#111;font-size:24px;font-family:open sans,serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100}.blog pre,.blog video,.blog img{margin-top:20px!important;margin-bottom:20px!important;width:720px}.blog pre .token.operator,.blog video .token.operator,.blog img .token.operator{background-color:initial}@media only screen and (max-width:1000px){.blog pre,.blog video,.blog img{width:100%;box-sizing:border-box}}.blog table th,.blog table td{padding:12px;text-align:center}.blog img{background-color:#000}.blog .small img{max-width:100%;box-sizing:border-box}.blog h2{padding-top:20px;padding-bottom:10px}.blog .section{padding-bottom:30px}.blog .text h2{color:#111;font-size:20px;font-family:open sans,serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100;padding-bottom:20px}.blog .text h3{padding-bottom:10px;color:#111;font-size:18px;font-family:open sans,serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100}.blog .text .bolded-title{padding-bottom:16px}.blog .text ul li:last-child,.blog .text ol li:last-child{padding-bottom:20px}.text{padding-top:40px;padding-bottom:40px;font-size:18px;line-height:26px;letter-spacing:.2px;font-family:domine,serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.text.projects{padding-top:20px}.text.projects:first-child{padding-top:20px}.text.projects .title{padding-bottom:20px;display:grid;grid-template-columns:70px auto;column-gap:20px}.text.projects .title img{width:70px;height:70px}.text.projects .title h2{color:#111;font-size:16px;font-family:open sans,serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100}.text.projects .title h1{color:#111;font-size:24px;font-family:open sans,serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100}.text.about{padding-top:20px}.text.about ul li{padding-top:16px;list-style:none}.text.about ul li a{text-decoration:none}.text.about ul li a:hover .icon{background-color:rgba(255,255,255,.4)}.text.about .icon{width:25px;height:25px;vertical-align:sub;margin-right:8px}.text .spacer{display:block;height:16px}.text .spantext{display:block}.text ul,.text ol{padding-left:20px}.header{display:grid;grid-template-columns:170px auto;gap:30px}@media only screen and (max-width:620px){.header{display:block}}.header .logo{max-width:170px;max-height:170px}.header h1{color:#111;padding-top:40px;font-size:20px;font-family:open sans,serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100}.header h2{padding-top:10px;color:#111;font-size:16px;font-family:open sans,serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-variation-settings:"wdth" 100}.header nav{margin-top:20px;padding-top:20px;display:inline-block;background-color:#f0f0f0;padding:4px 8px;margin-left:-16px}.header nav a{display:inline-block;margin:0 8px;text-decoration:none;font-size:18px;font-family:open sans,serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100}.header-divider{margin-top:18px}.latest-writings h1{padding-top:40px;color:#111;font-size:18px;font-family:open sans,serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100}.latest-writings a{display:block;padding-top:18px;font-size:18px;font-family:open sans,serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100}.breadcrumbs{color:#111;font-size:18px;font-family:open sans,serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100}