*{margin:0;padding:0;box-sizing:border-box}body{background:#f7f7f7;color:#000;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.main,.wrapper{margin-left:auto;margin-right:auto;text-align:left;padding:20px 5%}.latestPosts{width:54%;float:left}.latestProjects{width:44%;float:right}.indexSectionHeaders{align-items:center;justify-content:space-between;display:flex}header{background:#304a61!important;text-align:left;margin-top:0;padding:40px 0 0!important}header *{left:0;right:0}header .site-name{font-size:3em;color:#fff;text-decoration:none;padding:0 5%!important}header .site-name:hover{text-decoration:none;color:#fff}header a{text-decoration:none}header p a{text-decoration:underline}.fade-in{opacity:1;animation-name:slideIn;animation-iteration-count:1;animation-fill-mode:forwards;animation-duration:2s}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}100%{transform:translateY(5px);opacity:1}}nav ul{display:inline-block;color:#fff;text-decoration:none;line-height:30px;margin-top:30px;background:#405c74!important;width:100%;padding:1px 5%!important;font-family:monospace}nav li{display:inline-block;padding:0;margin:0}nav a{font-size:20px;display:block;padding-right:10px;line-height:30px;font-weight:500;margin:.1em}header nav li.selected a,nav a:hover{color:#fff!important;text-decoration:underline}.readMore a{color:#5caa3c;text-decoration:none;font-weight:500}article a[href*="//"]:not([href*=url]):after{content:"↗";vertical-align:super;font-size:8px;text-decoration:none;padding-left:3px;display:inline-block}pre{margin:1.5em 0;background-color:#1a1a1a;padding:16px 0;border-radius:16px}code{font-family:monospace;background-color:#1a1a1a;padding:2px 5px;color:#f4af5a;border-radius:5px}pre code{font-family:monospace;display:block;padding:0 20px;color:#a9bcbc;line-height:1.4em;overflow-x:auto;white-space:pre;-webkit-overflow-scrolling:touch}pre code .keyword{color:#e73289}pre code .type{color:#8281ca}pre code .call{color:#348fe5}pre code .property{color:#21ab9d}pre code .number{color:#db6f57}pre code .string{color:#fa641e}pre code .comment{color:#6b8a94}pre code .dotAccess{color:#92b300}pre code .preprocessing{color:#b68a00}a{color:inherit;word-break:break-word}a:hover{color:#5498d5}em{font-style:italic}p{margin-bottom:10px}ol,ul{padding:.2em 0 .8em 1.8em;margin:0}li{padding:.6rem 0 0 0;margin:0}li p{padding:.16rem 0 0 0;margin:0}hr{margin:15px 0}header{padding:2em 0 .7em 0}h1{font-weight:700;font-size:2em;line-height:1.85rem;padding:0;margin-bottom:20px}h2{font-weight:600;font-size:1.5rem;line-height:1.85rem;padding:0;margin:20px 0}h3{font-weight:600;font-size:1.2rem;line-height:1.55rem;padding:0;margin:10px 0}h4{font-weight:600;font-size:1rem;line-height:1.45rem;padding:0;margin:10px 0}blockquote{border-left-style:solid;border-left-color:#5f9df8;border-left-width:4px;padding:10px;margin:30px 10px;background:#333}.imageFrame img{width:600px;border-radius:22px;float:right;padding:12px}figurecaption{padding-top:5px;text-align:center;display:block;margin:auto 0}.postDate{color:#717172;margin-bottom:10px!important}.item-list{padding:0;margin:0}.item-list>li{display:block;padding:20px;border-radius:20px;background-color:#eee;margin-bottom:20px}.item-list>li:hover{background-color:#e9e9e9;border:1px solid #e7e7e7}.item-list>li:last-child{margin-bottom:0}.item-list h1{margin-bottom:15px;font-size:1.3em}.item-list p{margin-bottom:0}.tag-list{padding:0 0 10px 0;margin:0}.tag,.tag-list li{display:inline-block;background-color:#fff;padding:4px 6px;border-radius:5px;margin:0 5px 5px 0;font-size:.9em}.tag a,.tag-list a{text-decoration:none;color:#333}.tag a:hover,.tag-list a:hover{text-decoration:underline}.item-page .tag-list{display:inline-block}.content{margin-bottom:40px}.browse-all{display:block;margin-bottom:30px}.all-tags li{font-size:1.4em;padding:6px 10px;margin:2px}footer{color:#8a8a8a;padding-top:50px;height:40px;width:100%;display:inline-grid;padding:20px 5%;font-family:monospace}@media (prefers-color-scheme:dark){body{background-color:#222}body{color:#fff}.description,.item-list>li{background-color:#29292a;border:1px solid #444}.descriptionImage img{background-color:#444}.imageFrame{background:#333;color:#fff}.item-list>li:hover{background-color:#1b1b1b;border:1px solid #2e2e2e}}@media(max-width:1200px){header .site-name:hover:after{content:none}}@media (max-width:815px){.latestPosts,.latestProjects{width:100%;float:unset;min-height:unset}}@media (max-width:330px){header .site-name{font-size:2em;padding:0 5px}}