html{scroll-behavior:smooth;scroll-padding-top:40px;background-color:#000}body{--text-color: white;--link-hover-color: #ff9100;--heading-color: var(--text-color);--header-color: #10101c;--main-color: #10101c;--bar-color: #ff6f00;--font-family: "Roboto Condensed";--text-size: 1.2rem;font-family:var(--font-family),"Arial",sans-serif;margin:0;padding:0;color:var(--text-color)}.wrap{width:100%;max-width:1000px;box-sizing:border-box;margin:0 auto 0 20%;padding:1.5em}.wrap>*:first-child{margin-top:0}.wrap>*:last-child{margin-bottom:0}@keyframes fadeIn{0%{opacity:1}100%{opacity:0}}header{height:70vh;position:relative;background:var(--header-color);overflow:hidden}header canvas,header .canvas,header .screen,header #start{position:absolute;width:100%;height:100%;top:0;left:0;bottom:0;overflow-anchor:none}header .screen{background-color:var(--header-color);opacity:1;animation-name:fadeIn;animation-duration:1s;animation-fill-mode:forwards}header .wrap{position:absolute;left:0;right:0;bottom:0}#start{display:block;position:absolute;width:0;height:0;margin-top:-200px;margin-bottom:200px}.separator{height:7px;background-color:var(--bar-color);background:linear-gradient(90deg, #ff3300, #ff7700, #ffa352, #ff3300)}main .wrap{overflow-x:hidden}nav{display:flex;align-items:center;justify-content:space-between}nav ul{list-style:none;margin:0;padding:0}nav ul li{display:inline-block;margin-right:.7em}nav ul li a,nav ul li a:hover{font-weight:normal}nav .theme{text-align:right;vertical-align:middle}nav .theme span{display:inline-block;position:relative;top:-1px;padding:.4em}nav select{font-size:1em;padding:.15em .2em .3em .2em;background-color:rgba(0,0,0,0);border:1px solid var(--text-color);color:var(--text-color);font-family:var(--font-family),"Arial",sans-serif}nav select option{color:#000}h1,h2,h3,h4,.hero-title{font-weight:700;text-transform:uppercase;font-family:"Oswald","Impact",sans-serif;letter-spacing:.05em;margin:2rem 0 1rem 0;color:var(--heading-color)}.hero-title a{text-decoration:none}.hero-title a:hover,.hero-title a:visited{color:inherit}h1,.hero-title{font-size:3.5em}h2,main h1{font-size:2.5em}h3{font-size:2em}h4{font-size:1.6em}a,a:hover,a:visited{color:var(--text-color);font-weight:bold;transition:.2s color ease}a:hover,a:active,a:focus{color:var(--link-hover-color)}hr{border:none;height:1px;background-color:var(--text-color);opacity:.2;margin:2rem 0 1rem 0}main,footer{background-color:var(--main-color)}main .theme,main p,main li,footer p{font-size:var(--text-size);line-height:1.6em;font-weight:300}.wrap>ul li,.wrap>ol li{margin-bottom:.5rem}.posts{list-style:none;padding:0}.wrap>ul.posts li{margin-bottom:1.2rem}.posts li>p{margin:0}.posts li>p:first-child{font-size:1.1em;margin-bottom:.2rem}nav.next-previous ul{display:flex;justify-content:space-between;width:100%;margin-top:1rem}nav.next-previous li{margin:0;vertical-align:middle}pre[class*=language-],p>code[class*=language-],li>code[class*=language-]{background:rgba(240,240,240,.0470588235) !important}pre[class*=language-]{padding:1em 1.5em !important}footer .wrap{padding:1em 1.5em}footer .wrap>p{margin:0}body.default header{background-image:url("/assets/images/sunset.jpg");background-size:cover;background-position:center center;background-repeat:no-repeat}@keyframes opacityFade{0%{opacity:1}50%{opacity:1}75%{opacity:.3}100%{opacity:1}}body.paper{--text-color: black;--link-hover-color: var(--text-color);--heading-color: black;--header-color: white;--main-color: white;--bar-color: black;--font-family: "Roboto Slab", serif;--text-size: 1.05rem}body.paper .canvas{display:flex;justify-content:center;align-items:flex-end}body.paper .canvas div{flex-grow:0}body.paper .canvas div svg{display:block;animation-name:opacityFade;animation-iteration-count:infinite;animation-duration:2s}body.paper .separator{background:var(--bar-color)}body.paper pre[class*=language-]{background:#000 !important}body.paper p>code[class*=language-],body.paper li>code[class*=language-]{background:rgba(0,0,0,.699) !important}@keyframes slideX{0%{transform:skewX(-30deg) translateX(0px)}25%{transform:skewX(-30deg) translateX(200px)}75%{transform:skewX(-30deg) translateX(-200px)}100%{transform:skewX(-30deg) translateX(0px)}}body.retro{--text-color: rgb(205, 255, 248);--heading-color: #00ffea;--header-color: #140e1f;--main-color: #170825;--bar-color: #a200ff;--retro-blue: #00e1ff;--retro-pink: #ff009d;--retro-yellow: #d9ff00;--retro-purple: #d400ff;--text-size: 1rem;background:linear-gradient(155deg, #170825, #310520);font-family:monospace}body.retro header svg{position:absolute;animation-name:slideX;animation-iteration-count:infinite;transform:skewX(-30deg)}body.retro header svg rect.blue{fill:var(--retro-blue)}body.retro header svg rect.pink{fill:var(--retro-pink)}body.retro header svg rect.yellow{fill:var(--retro-yellow)}body.retro header svg rect.purple{fill:var(--retro-purple)}body.retro header svg rect.orange{fill:orange}body.retro h1,body.retro h2,body.retro h3,body.retro h4,body.retro .hero-title{font-family:"Press Start 2P","Arial",sans-serif;line-height:1.4em}body.retro .separator{background:linear-gradient(90deg, var(--retro-blue), var(--retro-pink), var(--retro-yellow), var(--retro-purple))}body.retro select{font-family:monospace}body.retro main{background:linear-gradient(150deg, rgba(0, 225, 255, 0.2), rgba(0, 225, 255, 0), rgba(0, 225, 255, 0))}body.retro footer{background-color:rgba(0,0,0,0)}body.retro h1,body.retro .hero-title{font-size:2.8em}body.retro h2,body.retro main h1{font-size:1.7em;color:orange}body.retro h3{font-size:1.4em;color:#f07}body.retro h4{font-size:1.2em;color:#00ffea}@keyframes pulse{0%{transform:scale(1);opacity:0}10%{opacity:.5}100%{transform:scale(15);opacity:0}}body.holo{--text-color: #caf3ff;--link-hover-color: #00b4cc;--heading-color: #e8faff;--header-color: #0d252c;--main-color: #001d25;--bar-color: #e8faff;background:linear-gradient(90deg, #063441, #001d25 30%, #001d25 70%, #063441)}body.holo h1,body.holo h2,body.holo h3,body.holo h4,body.holo .hero-title{text-shadow:0px 0px 8px #00aeff}body.holo header .wave{width:100px;height:100px;opacity:0;top:0;bottom:0;left:0;right:0;margin:auto;position:absolute;border:7px solid #7aceff;border-radius:50%;box-sizing:border-box;filter:blur(3px);animation-name:pulse;animation-iteration-count:infinite}body.holo header #hexagon-grid{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='668' height='572' viewBox='0 0 668 572'%3e%3cdefs%3e%3cstyle%3e .cls-1 %7b fill: %23121212; fill-rule: evenodd;%7d %3c/style%3e%3c/defs%3e%3cpath id='Polygon_1' data-name='Polygon 1' class='cls-1' d='M487.485,197.381V374.616L334,463.232l-153.49-88.618V197.38L334,108.764Z'/%3e%3cpath id='Polygon_1_copy_6' data-name='Polygon 1 copy 6' class='cls-1' d='M654.484-88.62l0,177.23L501,177.223,347.51,88.606l0-177.23,153.487-88.613Z'/%3e%3cpath id='Polygon_1_copy_5' data-name='Polygon 1 copy 5' class='cls-1' d='M320.484-88.62l0,177.23L167,177.223,13.51,88.606l0-177.23,153.487-88.613Z'/%3e%3cpath id='Polygon_1_copy_3' data-name='Polygon 1 copy 3' class='cls-1' d='M654.484,483.38l0,177.23L501,749.223,347.51,660.606l0-177.23,153.487-88.613Z'/%3e%3cpath id='Polygon_1_copy_4' data-name='Polygon 1 copy 4' class='cls-1' d='M320.484,483.38l0,177.23L167,749.223,13.51,660.606l0-177.23,153.487-88.613Z'/%3e%3cpath id='Polygon_1_copy_2' data-name='Polygon 1 copy 2' class='cls-1' d='M153.484,197.38l0,177.23L0,463.223-153.49,374.606l0-177.23L-0.006,108.763Z'/%3e%3cpath id='Polygon_1_copy' data-name='Polygon 1 copy' class='cls-1' d='M821.484,197.38l0,177.23L668,463.223,514.51,374.606l0-177.23,153.487-88.613Z'/%3e%3c/svg%3e");background-size:100px 86px;background-position:center center;position:absolute;width:100%;height:100%;opacity:1;filter:brightness(1.2) sepia(100%) hue-rotate(176deg)}body.holo header #hexagons polygon{fill:#001d25;stroke-width:2;stroke:#002936}body.holo main,body.holo footer{background:none}body.holo .separator{background:#e8faff;box-shadow:0px 0px 10px #00aeff}@media screen and (max-width: 1600px){.wrap{margin:0 auto}}@media screen and (max-width: 600px){body.default header{background-image:url("/assets/images/sunset-mobile.jpg")}body.retro h1,body.retro .hero-title{font-size:2.6em !important}body.retro h2,body.retro main h1{font-size:1.5em !important}}@media screen and (max-width: 350px){.wrap{padding:1.5em 1em !important}footer .wrap{padding:1em !important}h1,.hero-title{font-size:2.5em !important}h2,main h1{font-size:2.2em !important}body.retro h2,body.retro main h1{font-size:1.3em}}