@font-face{font-family:jfdot;src:url(/font/JF-Dot-MPlus12-subset.woff2)format("woff2"),url(/font/JF-Dot-MPlus12-subset.woff)format("woff")}html{background:url(img/blue-paper.jpg)}html body{margin:0;flex-direction:column;align-items:center;display:flex;min-height:100vh}html body main{width:100vw;display:flex;flex-direction:column;justify-content:center;flex-grow:1}@keyframes h1shadow{0%{text-shadow:0 0 0 #333}75%{text-shadow:0 0 7px #333}100%{text-shadow:0 0 5px #333}}h1{background-image:linear-gradient(rgba(255,255,255,0) 0,white 100%),linear-gradient(90deg,rgba(255,255,255,.3) 0,rgba(255,255,255,.8) 50%,rgba(255,255,255,.3) 100%),url(/img/sky4.jpg);background-repeat:no-repeat;background-size:100%;animation:h1shadow 1s ease .5s forwards;font-family:jfdot;color:#fff;font-size:3rem;margin:0;padding:1rem 0;width:100vw;box-shadow:0 2px 3px #999;text-align:center;z-index:9999}h2{text-align:center}a{text-decoration:none}@keyframes grad-anime{0%{background-position:100%}100%{background-position:50%}}.circle{padding:1rem;border-radius:2rem;display:flex!important;font-size:2rem;height:2rem;width:2rem;justify-content:center;position:relative;color:#fff;background-size:300% 300%;background-position:100%;margin-bottom:.5rem}.circle:hover{animation:grad-anime .1s ease forwards}.circle.kageshiron{background-image:linear-gradient(135deg,#047F50 0%,#047F50 50%,#085E3D 50.001%,#085E3D 100%)}.circle.twitter{background-image:linear-gradient(135deg,#3bbded 0%,#3bbded 50%,#00acee 50.001%,#00acee 100%)}.circle.github{background-image:linear-gradient(135deg,#666666 0%,#666666 50%,#333333 50.001%,#333333 100%)}.circle.blog{background-image:linear-gradient(135deg,#7FBFD8 0%,#7FBFD8 50%,#6a9fb5 50.001%,#6a9fb5 100%)}.circle.blog i{position:absolute;top:.65rem}.circle.blog .label{bottom:.35rem;font-size:14px}.circle.memo{background-image:linear-gradient(135deg,#36BDD8 0%,#36BDD8 50%,#2FA3BC 50.001%,#2FA3BC 100%)}.circle.memo i{position:absolute;top:.85rem}.circle.memo i img{height:2rem;width:2rem}.circle.memo .label{bottom:.6rem;font-size:13px}.circle .label{position:absolute;width:100px;text-align:center}.links{text-align:center;display:flex;justify-content:center;font-family:roboto,sans-serif;flex-wrap:wrap}.links>div{margin:1rem;display:flex;flex-direction:column;align-items:center}section{padding-top:.5rem}section.esora{background:#e9fdff}section h2{margin:0}