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 body #greeter{min-height:16em}html body #greeter #title{color:#f8f8f8;text-shadow:1px 1px 8px #666;font-size:300%;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 #blogContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(10em,1fr));grid-template-rows:repeat(auto-fit,4em);grid-gap:.2em;justify-content:space-between}html body main #container #blogContainer .Blog{margin:.2em;padding:.3em;border-radius:.5em;transition:.2s ease-in-out background-color;min-width:fit-content;min-width:-moz-fit-content;display:flex;flex-direction:row;align-items:center;text-decoration:none;word-wrap:break-word;color:#eaeaea}html body main #container #blogContainer .Blog:hover{background-color:rgba(255,255,255,.1)}html body main #container #blogContainer .Blog img{margin:.2em .5em .1em .1em;height:2.8em;width:2.8em;border-radius:100%}