html{width:100%;height:100%;margin:0;padding:0;font-family:'Noto Sans SC',sans-serif;color:#eaeaea}html body{width:100%;height:100%;margin:0;padding:0}html body:before{content:'';position:fixed;width:100%;height:100%;top:0;left:0;background:no-repeat center/cover image-set(url("/img/background/bg.jpg"));background-color:#555;z-index:-1}html body header{position:fixed;top:.5em;right:0;z-index:1}html body header .header_button{width:1.5em;height:1.5em;margin:.5em 1em .5em 1em;padding:.3em;border-radius:100%;cursor:pointer}@supports (backdrop-filter:saturate(150%) contrast(70%) blur(8px)){html body header .header_button{background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:saturate(150%) contrast(70%) blur(8px);backdrop-filter:saturate(150%) contrast(70%) blur(8px)}}@supports not (backdrop-filter:saturate(150%) contrast(70%) blur(8px)){html body header .header_button{background-color:#303035;box-shadow:0 0 .75em #000}}html body header .header_button .button_icon,html body header .header_button .button_link{width:1.5em;height:1.5em}html body #greeter{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}html body #greeter div,html body #greeter h1{max-width:95%;word-wrap:break-word}html body footer{padding:.5em;position:relative;left:0;right:0;background-color:#222}html body footer #copyright,html body footer #credit,html body footer #license,html body footer a{margin:.1em;text-align:center;text-decoration:none;color:#666}html .no_copy{user-select:none}html .no_drag{-webkit-user-drag:none}html .no_deco{text-decoration:none}html{width:100%;height:100%;margin:0;padding:0;font-family:'Noto Sans SC',sans-serif;color:#eaeaea}html body{width:100%;height:100%;margin:0;padding:0}html body:before{content:'';position:fixed;width:100%;height:100%;top:0;left:0;background:no-repeat center/cover image-set(url("/img/background/bg.jpg"));background-color:#555;z-index:-1}html body header{position:fixed;top:.5em;right:0;z-index:1}html body header .header_button{width:1.5em;height:1.5em;margin:.5em 1em .5em 1em;padding:.3em;border-radius:100%;cursor:pointer}@supports (backdrop-filter:saturate(150%) contrast(70%) blur(8px)){html body header .header_button{background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:saturate(150%) contrast(70%) blur(8px);backdrop-filter:saturate(150%) contrast(70%) blur(8px)}}@supports not (backdrop-filter:saturate(150%) contrast(70%) blur(8px)){html body header .header_button{background-color:#303035;box-shadow:0 0 .75em #000}}html body header .header_button .button_icon,html body header .header_button .button_link{width:1.5em;height:1.5em}html body #greeter{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}html body #greeter div,html body #greeter h1{max-width:95%;word-wrap:break-word}html body footer{padding:.5em;position:relative;left:0;right:0;background-color:#222}html body footer #copyright,html body footer #credit,html body footer #license,html body footer a{margin:.1em;text-align:center;text-decoration:none;color:#666}html .no_copy{user-select:none;-webkit-user-select:none;-moz-user-select:none}html .no_drag{-webkit-user-drag:none}html .no_deco{text-decoration:none}html body main a{color:#58c9b9}html body main a:visited{color:#d1b6e1}@font-face{font-family:'JetBrains Mono';src:url("/font/JetBrains_Mono/JetBrainsMono-Regular.eot");src:url("/font/JetBrains_Mono/JetBrainsMono-Regular.eot?#iefix") format('embedded-opentype'),url("/font/JetBrains_Mono/JetBrainsMono-Regular.woff2") format('woff2'),url("/font/JetBrains_Mono/JetBrainsMono-Regular.woff") format('woff'),url("/font/JetBrains_Mono/JetBrainsMono-Regular.ttf") format('truetype');font-style:normal}html body #greeter{margin-bottom:3em;min-height:7em}html body #greeter #title{color:#f8f8f8;text-shadow:1px 1px 8px #666;font-size:300%;font-family:sans-serif}html body #greeter #avatar{margin-top:1.5em;height:10em;width:10em;border-radius:100%}html body #greeter #name{color:#f8f8f8;text-shadow:1px 1px 8px #666;font-size:250%;font-family:sans-serif}html body main{margin-bottom:3em;padding:0 1em;min-height:40em;z-index:1}html body main #container{min-height:40em;z-index:1;margin:0 auto;max-width:40em;padding:1em 1em 1em 1em;border-radius:1em}@supports (backdrop-filter:saturate(150%) contrast(70%) blur(8px)){html body main #container{background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:saturate(150%) contrast(70%) blur(8px);backdrop-filter:saturate(150%) contrast(70%) blur(8px)}}@supports not (backdrop-filter:saturate(150%) contrast(70%) blur(8px)){html body main #container{background-color:#303035;box-shadow:0 0 2em #000}}html body main #container li code,html body main #container p code{margin:0 .3em;padding:.1em .3em;border-radius:.3em;background:border-box #24282f;font-family:'Jetbrains Mono',monospace;font-size:.9em;tab-size:4em}html body main #container #blogContainer{display:grid;grid-template-columns:repeat(3,33.3%);grid-template-rows:repeat(auto-fill,4em)}html body main #container #blogContainer .Blog{margin:.4em;padding:.1em;border-radius:.5em;transition:.2s ease-in-out background-color;display:flex;flex-direction:row;align-items:center;text-decoration:none;color:#eaeaea}html body main #container #blogContainer .Blog:hover{background-color:rgba(255,255,255,.1);transition:.2s ease-in-out background-color}html body main #container #blogContainer .Blog img{margin:.2em .5em .1em .1em;height:2.8em;width:2.8em;border-radius:100%}