@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');@font-face{font-family:'geomanistregular';src:url('fonts/geomanist-regular-webfont.eot');src:url('fonts/geomanist-regular-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/geomanist-regular-webfont.woff2') format('woff2'),url('fonts/geomanist-regular-webfont.woff') format('woff'),url('fonts/geomanist-regular-webfont.ttf') format('truetype'),url('fonts/geomanist-regular-webfont.svg#geomanistregular') format('svg');font-weight:normal;font-style:normal}html,body{margin:0;padding:0;color:#212529;font-family:"Source Sans 3",geomanistregular,'Segoe UI',sans-serif,'Roboto','Lora','Times New Roman',serif;height:100%}.container{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"navigation main-content";height:100vh}.column.navigation{grid-area:navigation;position:fixed;background-color:#f3f4f8}.column.content{grid-area:main-content}a{color:#212529;transition:all .2s}a:active,a:visited,a:link{text-decoration:none}a:focus,a:hover{color:#5cadec;text-decoration:underline}.header-info{display:grid;grid-template-columns:120px 1fr;grid-template-rows:auto auto auto;grid-template-areas:"avatar bio-name" "avatar bio-description" "avatar bio-links";align-items:start;column-gap:15px;margin-left:10px;margin-right:10px}.header-profile{grid-area:avatar}.header-profile img{width:100%;height:auto;border-radius:50%}.header-title{grid-area:bio-name;font-size:1.3em;font-weight:bold}.header-description{grid-area:bio-description;font-size:.9em;margin-top:5px;margin-bottom:15px}.header-links{grid-area:bio-links;display:flex;flex-direction:row;margin-top:10px}.header-links .link-icon{width:20px;margin:0 8px 0 0}.link-icon img{width:100%}.toc-link{display:none}.post{padding:20px;font-size:1.3em;line-height:1.6em;padding:60px 40px}.post .title{font-size:1.8em;line-height:1.8em;font-weight:bold;width:100%;text-align:center}.post .metadata{text-align:left;font-size:.7em;padding-bottom:20px}.post img{display:block;padding:10px 0;margin-left:auto;margin-right:auto;max-width:100%}.post a:active,.post a:visited,.post a:link{color:#000064;text-decoration:underline}.post a:focus,.post a:hover{color:#5cadec;text-decoration:underline}.menu{padding:50px 20px}.menu .title{font-size:1.4em;line-height:1.8em}.menu label{font-weight:bold;font-size:.9em}.menu ul{list-style-type:none;padding:3px 0 10px;margin:0;font-size:1em}.menu li{min-height:24px}.menu a{color:#00f;transition:all .2s}.menu a:active,.menu a:visited,.menu a:link{text-decoration:none}.menu a:focus,.menu a:hover{color:#000064;text-decoration:underline}.column.content .menu{display:none}#footer{text-align:center;padding:20px 0}#footer ul{list-style-type:none;margin:0;padding:0;display:flex;justify-content:center;align-items:center}#footer li{display:flex;align-items:center}#footer li:not(:last-child)::after{content:"|";margin:0 15px}@media(min-width:1921px){body{background-image:url('img/site-bg.jpg');background-repeat:no-repeat;background-attachment:fixed;background-position:right bottom;background-size:25%}.container{grid-template-columns:calc((100vw - 1200px) / 2) 1fr}.column.navigation{left:0;top:0;height:100vh;width:calc((100vw - 1200px) / 2);padding:25px 20px 0 20px;min-height:640px;background-image:none;background-color:#f3f4f8}.column.navigation .header-info,.column.navigation .menu{max-width:480px;margin-left:auto;margin-right:0}.menu ul{font-size:1.1em}.column.content{background-color:transparent}.post{width:1120px;margin-left:40px}.post .title{text-align:center}.post .metadata{text-align:center}}@media(max-width:1920px){.container{grid-template-columns:max(420px,calc(100vw - 1280px)) minmax(780px, 1fr)}.column.navigation{left:0;top:0;height:100vh;width:max(420px,calc(100vw - 1280px));padding-top:25px;background-image:url('img/site-bg-gray-faded.jpg');background-repeat:no-repeat;background-position:center bottom;background-size:100%}.header-info{grid-template-columns:120px 1fr}.menu{padding:50px 40px}.column.content{overflow-y:auto}.post .title{text-align:left}.header-details{margin-top:5px}}@media(max-width:1279px){.container{grid-template-columns:max(256px,calc(100vw - 900px)) minmax(768px, 1fr)}.column.navigation{width:max(256px,calc(100vw - 900px))}.header-info{column-gap:10px;grid-template-columns:100px 1fr;margin-left:5px;margin-right:5px}.header-title{font-size:1.1em}.header-details{font-size:.9em;margin-top:0}.menu{padding:50px 30px}.post{font-size:1.2em;line-height:1.2em}.post .title{font-size:1.4em;line-height:1.4em}}@media(max-width:1023px){.container{grid-template-columns:1fr;grid-template-rows:135px 1fr;grid-template-areas:"navigation" "main-content"}.column.navigation{position:unset;height:auto;min-height:unset;padding:15px 20px;max-height:90px;background-image:none;width:auto}.column.content{overflow-y:unset;background-image:url('img/site-bg.jpg');background-repeat:no-repeat;background-position:left bottom;background-size:auto 500px}.column.content .menu{display:block}.navigation .menu{display:none}.header-info{column-gap:5px;grid-template-columns:80px 1fr}.header-title{padding-top:5px}.header-description{font-size:.8em;margin-top:0;margin-bottom:10px;width:100%}.menu .title{font-size:1.4em;line-height:1.8em}.menu ul{font-size:1.1em}.post{padding:30px 30px 30px 30px;font-size:1.3em;line-height:1.5em}.post .title{font-size:1.6em;line-height:1.6em;text-align:center}.post .metadata{text-align:center}.toc-link{display:block;width:100%;text-align:right;margin:0 20px 10px 0;font-size:.7em}}@media(max-width:767px){.column.content{background-size:auto 500px}.column.navigation{min-width:280px}.header-title{padding-top:0}.header-description{margin-bottom:5px;width:100%}.navigation .header-profile{width:80px}.menu ul{font-size:1em}.post{padding:10px 20px 30px 20px;font-size:1.1em;line-height:1.4em}.post .title{font-size:1.4em;line-height:1.4em;font-weight:bold}.menu .title{font-size:1.2em;line-height:1.4em}}@media(max-width:430px){.menu ul{font-size:.9em}}#error-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.5);z-index:1000;display:none;max-width:80%;text-align:center}#error-dialog p{margin:0;padding:0;font-size:1.2em;color:#721c24}#error-dialog button{margin-top:15px;padding:10px 20px;background-color:#721c24;color:white;border:0;border-radius:5px;cursor:pointer;font-size:1em}#error-dialog button:hover{background-color:#501517}#snackbar{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#333;color:#fff;text-align:center;border-radius:4px;padding:16px;position:fixed;z-index:9999;left:50%;bottom:30px;font-size:17px}#snackbar.show{visibility:visible;-webkit-animation:fadein .25s,fadeout .25s 3s;animation:fadein .25s,fadeout .25s 3s}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadeout{from{bottom:30px;opacity:1}to{bottom:0;opacity:0;visibility:hidden}}