@font-face{font-family:Victor Mono;src:url(/assets/fonts/victor-mono-500.woff2)format("woff2"),url(/assets/fonts/victor-mono-500.woff)format("woff");font-display:swap}@font-face{font-family:Scope One;src:url(/assets/fonts/scope-one-400.woff2)format("woff2"),url(/assets/fonts/scope-one-400.woff)format("woff");font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/fonts/montserrat-vf.woff2)format("woff2"),url(/assets/fonts/montserrat-vf.woff)format("woff");font-display:swap}@font-face{font-family:Blinker;src:url(/assets/fonts/blinker-vf.woff2)format("woff2"),url(/assets/fonts/blinker-vf.woff)format("woff");font-display:swap}@font-face{font-family:EnterCommand;src:url(/assets/fonts/entercommand.woff2)format("woff2"),url(/assets/fonts/entercommand.woff)format("woff");font-display:swap}:root{--font-normal:"Scope One";--font-header:"Blinker";--font-code:"Victor Mono";--font-strong:"Montserrat";--font-pixel:"EnterCommand"}body.css{--theme-item:#1572b6d9;--theme-gradient:#3b63db linear-gradient(#3b63db 50%,#2a479e 0);--theme-color:#5275df}body.html{--theme-item:#e44f26d9;--theme-gradient:#f26626 linear-gradient(#f26626 50%,#e54e21 0);--theme-color:#ed704b}body.js{--theme-item:#c59e0dd9;--theme-gradient:#fdcf26 linear-gradient(#e0b41a 50%,#c79b00 0);--theme-color:#e0bd41}body.terminal{--theme-item:#0a850a;--theme-gradient:#18a518 linear-gradient(#18a518 50%,#0a850a 0);--theme-color:#18a518}:root{--theme:#1572b6d9;--bgcolor:#eee;--fgcolor:#333;--header-height:150px;--page-width:100%;--sidebar-width:350px;--aside-width:315px;--content-width:calc(var(--page-width) - var(--sidebar-width) - var(--aside-width));--sidebar-background-color:#223;--sidebar-inner-color:#000018;--sidebar-current-color:#363657;--sidebar-hover-color:#334;--sidebar-active-color:#eee;scroll-behavior:smooth;font-size:16px}html,body{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);font-variation-settings:"wght" 125}h1{font-size:3.5rem}h2{font-size:2.75rem}h3{font-size:3rem}h4{font-size:2.5rem}h5{color:#336;margin:1em 0;font-size:2.25rem}body{margin:0}.page{max-width:var(--page-width);background:var(--bgcolor);grid-template-columns:var(--sidebar-width)var(--content-width)var(--aside-width);display:grid;box-shadow:5px 5px 15px #0008}.sidebar{background:var(--sidebar-background-color);height:100%}.flex-center{justify-content:center;align-items:center;display:flex}.contents{font-family:var(--font-normal);font-variation-settings:"wght" 300;color:var(--fgcolor);letter-spacing:-.25px;font-size:1.33rem;line-height:150%}.aside{font-family:var(--font-header);font-variation-settings:"wght" 100;color:#224;background:#eee;padding:15px 15px 25px;font-size:1.2rem}sidebar-section:not(:defined),sidebar-link:not(:defined){height:100vh;opacity:0;transition:opacity .3s ease-in-out;display:inline-block}@media screen and (max-width:1370px) and (max-device-pixel-ratio:2),screen and (max-width:1370px) and (orientation:landscape),screen and (max-width:1370px) and (orientation:portrait){:root{--content-width:calc(var(--page-width) - var(--sidebar-width))}.page{grid-template-columns:var(--sidebar-width)var(--content-width)}.aside{display:none}}@media screen and (max-width:900px) and (max-device-pixel-ratio:2),screen and (max-width:900px) and (orientation:landscape),screen and (max-width:900px) and (orientation:portrait){:root{--content-width:100%}.page{max-width:100%;grid-template-columns:100%}.page header h1{font-size:2.5rem}.contents .content{padding:10px 30px}.contents .content h3{font-size:2rem}.sidebar{order:2}}:where(.mainpage){--content-width:calc(var(--page-width) - var(--sidebar-width));grid-template-columns:var(--sidebar-width)var(--content-width);display:grid}.index footer{display:none}.mainpage .content-list{background:#333}.mainpage .sidebar{--sidebar-inner-color:#223;font-family:var(--font-header);background:var(--sidebar-background-color);font-variation-settings:"wght" 100;height:100%;margin-bottom:1.5em;font-size:1.2rem}header.site{background:url(/assets/index.jpg) 50%/cover no-repeat;justify-content:center;align-items:center;display:flex}header.site .logo{filter:drop-shadow(8px 8px 6px #000);will-change:transform,filter;max-width:442px;max-height:442px;padding:4em 0;animation:1s infinite alternate movelogo}@keyframes movelogo{0%{transform:translate(0)}to{transform:translateY(-15px)}}hr{height:60px;background:url(https://manz.dev/manz-logo.png) 50% 25px/80px no-repeat;border:0;border-bottom:1px solid #ccc;transition:all .5s}hr:hover{filter:grayscale(0%);opacity:1;background-position:50% 0}