﻿*,::before,::after{box-sizing:border-box}html{line-height:normal;color-scheme:light dark}body{margin:0;padding:0;min-height:100vh}[hidden]{display:none}pre{white-space:pre-wrap}hr{border-style:solid;border-width:1px 0 0;color:inherit;height:0;overflow:visible}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%}audio:not([controls]){display:none}picture{display:contents}source{display:none}img,svg,video,canvas{height:auto}audio{width:100%}img{border-style:none}svg{overflow:hidden}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}[type='checkbox'],[type='radio']{box-sizing:border-box;padding:0}@font-face{font-display:swap;font-family:'Noto Sans';font-style:normal;font-weight:300;src:local("Noto Sans Thin"),local("NotoSans Thin"),url("/fonts/noto-sans-v32-latin-300.woff2") format("woff2")}@font-face{font-display:swap;font-family:'Noto Sans';font-style:normal;font-weight:400;src:local("Noto Sans Regular"),local("NotoSans Regular"),url("/fonts/noto-sans-v32-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:'Noto Sans';font-style:normal;font-weight:500;src:local("Noto Sans Medium"),local("NotoSans Medium"),url("/fonts/noto-sans-v32-latin-500.woff2") format("woff2")}@font-face{font-display:swap;font-family:'Noto Sans';font-style:normal;font-weight:700;src:local("Noto Sans Bold"),local("NotoSans Bold"),url("/fonts/noto-sans-v32-latin-700.woff2") format("woff2")}.ico-xs{--ico-size: .5em
}.ico-s{--ico-size: 1em
}.ico-m{--ico-size: 2em
}.ico-l{--ico-size: 3em
}.ico-xl{--ico-size: 5em
}:root{--col-dark: hsl(0, 0%, 15%);--col-light: hsl(0, 0%, 85%);--col-accent: hsl(114.38,15.53%,59.61%);--content-max-width: 600px;--gr: 1.6180339887498948482}@media (prefers-color-scheme: Dark){:root{--col-dark: hsl(0, 0%, 85%);--col-light: hsl(0, 0%, 15%)}}body{background-color:var(--col-light);color:var(--col-dark);font-family:'Noto Sans', 'NotoSans', 'Noto Sans CJK JP', 'Hiragino Kaku Gothic Pro', 'Meiryo', '游ゴシック' , '游ゴシック体' , 'YuGothic' , 'Yu Gothic', 'ＭＳ ゴシック' , 'MS Gothic', sans-serif !important;font-size:1rem;font-weight:400;font-style:normal;background-size:cover}.content-grid{--padding-inline: 1rem;display:grid;grid-template-columns:minmax(var(--padding-inline), 1fr) [content-start] calc( min( 100% - (var(--padding-inline) * 2), var(--content-max-width) )) [content-end] minmax(var(--padding-inline), 1fr);justify-items:center}.content-grid>*{grid-column:content}.page-header{margin-top:3em}.page-header picture img{grid-column:content;width:10em;height:10em;margin-bottom:.5em;border-radius:50%;border:0.4em solid var(--col-accent)}.page-header h1{font-size:2em;margin-top:0;margin-bottom:0.25em;font-weight:700}.page-header p{margin:0;font-size:1em;font-weight:300;text-align:center}.page-links{--animation-time: 300ms;margin-top:2em}.page-links a{text-align:center;width:clamp(10em, 50vw, 20em);margin:.5em;padding:.5em;font-size:1.5em;font-weight:400;background-color:var(--col-dark);color:var(--col-light);text-decoration:none;text-transform:uppercase;border-radius:1em;cursor:pointer;transition-duration:var(--animation-time);transition-property:background-color, color, font-weight, width;transition-timing-function:ease-in-out}.page-links a:hover,.page-links a:focus{background-color:var(--col-accent);color:var(--col-dark);font-weight:700;width:calc( clamp(10em,50vw,20em) + 0.5em);transition-duration:var(--animation-time);transition-property:background-color, color, font-weight, width;transition-timing-function:ease-in-out}.page-links a:focus{outline-color:var(--col-accent) !important;outline-offset:.25em}.page-socials{--animation-time: 300ms;margin-top:2em}.page-socials .ico{display:inline-block;margin:0 .5em}.page-socials .ico svg{fill:var(--col-dark);width:var(--ico-size, 1.5em);height:var(--ico-size, 1.5em);transition-duration:var(--animation-time);transition-property:fill, width, height;transition-timing-function:ease-in-out}.page-socials .ico a:hover svg,.page-socials .ico a:focus svg{fill:var(--col-accent);width:calc( var(--ico-size) + 0.5em);height:calc( var(--ico-size) + 0.5em);transition-duration:var(--animation-time);transition-property:fill, width, height;transition-timing-function:ease-in-out}.page-socials .ico a:focus{outline-color:var(--col-accent) !important;outline-offset:.25em}.page-footer{margin-top:2em;margin-bottom:1em}.page-footer .ico{display:inline-block;margin:0 .25em}.page-footer .ico svg{width:var(--ico-size, 1.5em);height:var(--ico-size, 1.5em)}.page-footer .ico a:hover,.page-footer .ico a:focus{outline-color:var(--col-accent) !important;outline-offset:.25em}.page-footer p{margin:0}
