@import url("fonts/stylesheet.css");body{margin:0;font-family:concourse, sans-serif;overflow-x:hidden;display:grid;grid-template-rows:min-content auto;min-width:100vw;max-width:100vw;min-height:100vh;max-height:100vh;}body .fa-pixiv{font-family:pixivicons;}body .fa-pixiv:before{content:"r";}body a[href]{text-decoration:none;cursor:pointer;color:black;background:white;-moz-transition:color 0.2s, background 0.2s;-o-transition:color 0.2s, background 0.2s;-webkit-transition:color 0.2s, background 0.2s;-ms-transition:color 0.2s, background 0.2s;transition:color 0.2s, background 0.2s;}body a[href]:hover{color:white;background:black;}body h1,body h2,body h3,body h4{font-family:concourse-c3, concourse c3, sans-serif;margin:0;padding:10px;}body >header{display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,0.5);-moz-box-shadow:0 0 50px rgba(0,0,0,0.5);-o-box-shadow:0 0 50px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 50px rgba(0,0,0,0.5);-ms-box-shadow:0 0 50px rgba(0,0,0,0.5);box-shadow:0 0 50px rgba(0,0,0,0.5);z-index:10;}body >header h1{min-width:50vw;}body >header nav{flex-grow:1;display:flex;align-items:stretch;font-size:2em;}body >header nav a[href]{flex-grow:1;display:flex;align-items:flex-end;justify-content:center;border-left:1px solid rgba(0,0,0,0.1);padding:0 0.5em;-moz-transition:margin-bottom 0.2s, color 0.2s, background 0.2s;-o-transition:margin-bottom 0.2s, color 0.2s, background 0.2s;-webkit-transition:margin-bottom 0.2s, color 0.2s, background 0.2s;-ms-transition:margin-bottom 0.2s, color 0.2s, background 0.2s;transition:margin-bottom 0.2s, color 0.2s, background 0.2s;}body >header nav a[href]:hover{margin-bottom:-1em;}body >main{overflow-x:scroll;display:flex;align-items:stretch;}body >main >article{min-height:50vh;max-width:100vw;min-width:100vw;font-size:1.5em;}body >main >article >header{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-height:40vh;background:rgba(0,0,0,0.5);background-position:center;background-size:cover;}body >main >article >header h2{border-radius:0.5em 0.5em 0 0;padding:0 0.5em;font-size:2em;text-align:center;background:white;}body >main >article >header nav{font-size:1.2em;justify-content:center;display:flex;width:100vw;background:white;}body >main >article >header nav a{text-align:center;padding:0.2em 0.5em;}body >main >article .content{padding:3em;max-width:1024px;margin:0 auto;}body >main >article .content p a[href]{text-decoration:underline;}#overview{display:grid;grid-template-rows:auto;}#overview h2{display:flex;justify-content:center;align-items:center;background-position:center;background-size:cover;}#overview a[href]{padding:0.5em 1em;-moz-transition:color 0.2s, background 0.2s;-o-transition:color 0.2s, background 0.2s;-webkit-transition:color 0.2s, background 0.2s;-ms-transition:color 0.2s, background 0.2s;transition:color 0.2s, background 0.2s;}#overview .art{background-image:url("images/art.jpg");}#overview .dev{background-image:url("images/code.jpg");}#overview .games{background-image:url("images/games.jpg");}#overview .bio{background-image:url("images/bio.jpg");}#overview .contact{background-image:url("images/misc.jpg");}#art >header{background-image:url("images/art.jpg");}#dev >header{background-image:url("images/code.jpg");}#games >header{background-image:url("images/games.jpg");}#bio >header{background-image:url("images/bio.jpg");}#bio .event time{font-variant-numeric:tabular-nums;display:inline-block;width:4em;}#bio .event:before{content:" ";font-family:var(--fa-style-family,"Font Awesome 6 Free");;font-weight:var(--fa-style,900);text-align:center;font-style:normal;font-variant:normal;text-rendering:auto;width:1.25em;display:inline-block;margin-right:0.5em;}#bio .event.art:before{content:"\F53F";}#bio .event.code:before{content:"\F121";}#bio .event.life:before{content:"\F2C2";}#bio .event.education:before{content:"\F501";}#bio .event.research:before{content:"\F02D";}#bio .event.employment:before{content:"\F2BB";}#contact >header{background-image:url("images/misc.jpg");}#contact nav.webring{text-align:center;}#contact nav.webring a{padding:0.1em;display:inline-block;}#projects >header{background-image:url("images/misc.jpg");}#projects .content{padding-top:1em;}#projects .searchbar{display:flex;align-items:center;}#projects .searchbar .filter{flex-grow:1;margin-right:0.5em;box-sizing:border-box;font-size:1.2em;}#projects .searchbar .count{width:2em;text-align:right;}#projects .series{margin:1em 0 0 0;}#projects .series header h3{padding:0;display:inline-block;}#projects .series header:before{content:" ";font-family:var(--fa-style-family,"Font Awesome 6 Free");;font-weight:var(--fa-style,900);text-align:center;font-style:normal;font-variant:normal;text-rendering:auto;width:1.25em;display:inline-block;margin-right:0.5em;}#projects .series p{margin:0;}#projects .series.art header:before{content:"\F53F";}#projects .series.code header:before{content:"\F121";}#projects .series.life header:before{content:"\F2C2";}#projects .series.education header:before{content:"\F501";}#projects .series.research header:before{content:"\F02D";}#projects .series.employment header:before{content:"\F2BB";}@media (max-width: 800px){body{font-size:0.75em;}body >header nav a[href]{padding:0 0.1em;}#overview a[href]{padding:0.25em 0.5em;}article header nav a i{display:block !important;margin:0 auto;}article .content{padding:0.5em !important;}}