@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;900&family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;900&family=Kosugi+Maru&family=Sawarabi+Gothic&display=swap";body{font-family:"source sans 3",open sans,sans-serif;color:#f8f8ff;background-color:#292a2d;margin:0;display:flex;flex-direction:column;min-height:100vh}a{color:#f26e74}pre code{font-family:fira mono,monospace;font-size:85%;display:block;background:#252627;padding:10px;overflow:auto}code{font-family:fira mono,monospace;font-size:85%}h1{font-family:fira mono,monospace}h2{font-family:fira mono,monospace}h3{font-family:fira mono,monospace}h4{font-family:fira mono,monospace}h5{font-family:fira mono,monospace}h6{font-family:fira mono,monospace}@-ms-viewport{width: device-width;
}@font-face{font-family:fira mono;src:url(../fonts/FiraMono/FiraMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:fira mono;src:url(../fonts/FiraMono/FiraMono-Medium.eot);src:local("Fira Mono Medium"),url(../fonts/FiraMono/FiraMono-Medium.eot?#iefix)format("embedded-opentype"),url(../fonts/FiraMono/FiraMono-Medium.woff2)format("woff2"),url(../fonts/FiraMono/FiraMono-Medium.woff)format("woff"),url(../fonts/FiraMono/FiraMono-Medium.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:fira mono;src:url(../fonts/FiraMono/FiraMono-Bold.woff2)format("woff2");font-weight:700;font-style:normal}@font-face{font-family:open sans;src:url(../fonts/OpenSans/OpenSans-300.woff2)format("woff2");font-weight:300;font-style:normal}@font-face{font-family:open sans;src:url(../fonts/OpenSans/OpenSans-Regular.eot);src:url(../fonts/OpenSans/OpenSans-Regular.eot?#iefix)format("embedded-opentype"),url(../fonts/OpenSans/OpenSans-400.woff2)format("woff2"),url(../fonts/OpenSans/OpenSans-Regular.woff)format("woff"),url(../fonts/OpenSans/OpenSans-Regular.ttf)format("truetype"),url(../fonts/OpenSans/OpenSans-Regular.svg#OpenSansRegular)format("svg");font-weight:400;font-style:normal}@font-face{font-family:open sans;src:url(../fonts/OpenSans/OpenSans-500.woff2)format("woff2");font-weight:500;font-style:normal}@font-face{font-family:open sans;src:url(../fonts/OpenSans/OpenSans-600.woff2)format("woff2");font-weight:600;font-style:normal}@font-face{font-family:open sans;src:url(../fonts/OpenSans/OpenSans-700.woff2)format("woff2");font-weight:700;font-style:normal}@font-face{font-family:"source sans 3";src:url(../fonts/SourceSans3/SourceSans3-200.woff2)format("woff2");font-weight:200;font-style:normal}@font-face{font-family:"source sans 3";src:url(../fonts/SourceSans3/SourceSans3-300.woff2)format("woff2");font-weight:300;font-style:normal}@font-face{font-family:"source sans 3";src:url(../fonts/SourceSans3/SourceSans3-400.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"source sans 3";src:url(../fonts/SourceSans3/SourceSans3-500.woff2)format("woff2");font-weight:500;font-style:normal}@font-face{font-family:"source sans 3";src:url(../fonts/SourceSans3/SourceSans3-600.woff2)format("woff2");font-weight:600;font-style:normal}@font-face{font-family:"source sans 3";src:url(../fonts/SourceSans3/SourceSans3-700.woff2)format("woff2");font-weight:700;font-style:normal}@font-face{font-family:"source sans 3 vf";src:url(../fonts/SourceSans3/SourceSans3-VF.woff2)format("woff2-variations");font-weight:200 900;font-style:normal}.footer{padding:15px;text-align:center;background-color:#252627}.footerLink{color:#f8f8ff}.header{font-family:fira mono,monospace;padding:0 20px;height:60px;display:flex;justify-content:space-between;align-items:center;width:760px}.headerWrapper{overflow:auto;box-sizing:border-box;background-color:#252627;display:flex;justify-content:center;flex-shrink:0}.headerLinks ul{list-style:none;padding:0;margin:0}.headerLinks ul li{display:inline;margin:5px}.headerLinks ul li a{color:#f8f8ff;text-decoration:none}.terminal,.terminal:hover{color:#f8f8ff;text-decoration:none}.hamb{cursor:pointer;float:right;display:none;padding:10px 4px}.hamb-line{background:#f8f8ff;display:block;height:2px;position:relative;width:24px}.hamb-line::before,.hamb-line::after{background:#f8f8ff;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.hamb-line::before{top:5px}.hamb-line::after{top:-5px}.side-menu{display:none}.side-menu:checked~.headerLinks{max-height:100%}.side-menu:checked~.hamb .hamb-line{background:0 0}.side-menu:checked~.hamb .hamb-line::before{transform:rotate(-45deg);top:0}.side-menu:checked~.hamb .hamb-line::after{transform:rotate(45deg);top:0}@media screen and (max-width:768px){.headerLinks{width:100%;height:100%;position:fixed;top:60px;left:0;background-color:#292a2d;overflow:hidden;max-height:0;transition:max-height .5s ease-out;display:flex;align-items:center;justify-content:center}.headerLinks ul{display:flex;flex-direction:column;align-items:center;justify-content:center}.hamb{display:block}}.postDate{float:right;color:#f8f8ff}.postTitle{color:#f26e74;text-decoration:none;text-transform:capitalize;font-family:fira mono,monospace;font-size:1.2em;float:left}.postHeader{overflow:hidden}.postsList{margin-top:20px}.postListItem{padding:20px;background-color:#2f2f2f;margin-bottom:20px}.postListLink:hover{text-decoration:none}.postExcerpt{text-align:initial;text-decoration:none;color:#f8f8ff}.headerContainer{display:flex;justify-content:space-between}.noDecoration{text-decoration:none}a,a:link,a:visited,a:active{text-decoration:none}a:hover{text-decoration:underline}.socialNavbar ul{list-style:none;padding:0}.socialNavbar ul li{display:inline;margin:0 1rem !important}.socialNavbar a{color:#f8f8ff;text-shadow:#2f2f2f 0 0 2px;-webkit-font-smoothing:antialiased;display:inline-block;margin:10px;font-size:2rem !important;border-bottom:5px solid transparent !important;padding-bottom:8px !important;transition:border-color .1s ease !important}.socialNavbar a .custom-icon{vertical-align:-.3em;display:inline-block}.socialNavbar a .custom-icon.fa-xs{width:.75em;height:.75em}.socialNavbar a .custom-icon.fa-sm{width:.875em;height:.875em}.socialNavbar a .custom-icon.fa-lg{width:1.25em;height:1.25em}.socialNavbar a .custom-icon.fa-xl{width:1.25em;height:1.25em}.socialNavbar a .custom-icon.fa-2xl{width:1.5em;height:1.5em}.socialNavbar a .custom-icon.fa-1x{width:1em;height:1em}.socialNavbar a .custom-icon.fa-2x{width:2em;height:2em}.socialNavbar a .custom-icon.fa-3x{width:3em;height:3em}.socialNavbar a .custom-icon.fa-4x{width:4em;height:4em}.socialNavbar a .custom-icon.fa-5x{width:5em;height:5em}.socialNavbar a .custom-icon.fa-6x{width:6em;height:6em}.socialNavbar a .custom-icon.fa-7x{width:7em;height:7em}.socialNavbar a .custom-icon.fa-8x{width:8em;height:8em}.socialNavbar a .custom-icon.fa-9x{width:9em;height:9em}.socialNavbar a .custom-icon.fa-10x{width:10em;height:10em}.socialNavbar a:hover{border-bottom-color:var(--theme-color) !important}body.retro-mode .socialNavbar a:hover{color:#fff !important;text-shadow:0 0 10px #fff !important;transform:translateY(-3px)scale(1.1) !important;filter:drop-shadow(0 6px 12px rgba(255,255,255,.4)) !important}body.retro-mode .socialNavbar a:hover i{color:#fff !important;filter:drop-shadow(0 0 8px #ffffff) !important}.postWrapper{text-align:left;padding:20px}.postMetadata{font-family:fira mono,monospace;display:block;background:#252627;padding:10px}dt,dd{line-height:1.5}dl{display:grid;grid-template-columns:max-content auto}dt{grid-column-start:1}dd{grid-column-start:2}dt::after{content:":"}.listHeader,.listContent{text-align:left}.indexWrapper{display:flex;flex-direction:column;justify-content:center}.indexHeader{font-size:3em}.authorImageWrapper img.size-xs{height:7rem;width:7rem}.authorImageWrapper img.size-s{height:9rem;width:9rem}.authorImageWrapper img.size-m{height:11rem;width:11rem}.authorImageWrapper img.size-l{height:13rem;width:13rem}.authorImageWrapper img.size-xl{height:15rem;width:15rem}.content{text-align:center;flex:1 auto;display:flex;justify-content:center}.content img{max-width:100%}.vertical{flex-direction:column;align-items:center}.flexWrapper{display:flex;flex-direction:column;justify-content:center;min-height:100vh;flex:1 auto}.main{height:100%}@media only screen and (min-width:992px){.main{width:760px}}@media screen and (max-width:992px){.main{width:100%}}