html,body{height:100%}body{color:#333;text-shadow:-1px -1px #ffffff40,1px -1px #ffffff40,-1px 1px #ffffff40,1px 1px #ffffff40;background:#7e429c url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='128' height='128' viewBox='0 0 2 2'><rect width='2' height='2' fill='%237e429c'/><path d='M0,0V2H1V0zM0,0H2V1H0z' fill='%23975eb0' fill-rule='evenodd'/></svg>");margin:0;font:18px/1.234 Shrikhand,cursive}body.hide-content .wrapper{opacity:0}.wrapper{float:left;box-sizing:border-box;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='3' height='3'><rect width='3' height='3' fill='%23ffffff' opacity='0.25'/><rect width='1' height='3' fill='%23ffffff' opacity='0.25' x='2'/><rect width='3' height='1' fill='%23ffffff' opacity='0.25' y='2'/></svg>");width:100%;min-height:100%;padding:0 2em;transition:opacity .25s linear;overflow:hidden}a{color:#000;padding:.2em .1em 0;text-decoration:none;transition:all .5s ease-out}a:hover{color:#fff;text-shadow:none;background-color:#7e429c}header,section,footer{max-width:40em;margin:0 auto}header ul{padding-left:0;list-style:none}header ul li{display:inline}header ul li:before{content:" - "}header ul li:first-child:before{content:none}section p{text-indent:2em}section dt{clear:left;float:left;text-align:right;width:5em;font-weight:700}section dd{margin-left:5em}section dd:before{content:" "}.anime{z-index:-1;background-position:50%;background-size:cover;width:100%;height:100%;position:fixed;top:0;left:0}.anime.anime-show{opacity:1;transition:opacity 1s}.anime.anime-hide{z-index:-2}.anime.anime-load{opacity:0}