*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:#333;font-family:var(--font-inter), var(--font-zen-kaku-gothic-new), sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}
.page{min-height:100vh;padding:80px}.page-content{margin-top:100px;margin-bottom:100px}.header{z-index:100;justify-content:space-between;align-items:flex-start;display:flex;position:sticky;top:80px}.site-name{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:600}.header-nav{font-size:14px}.header-nav a{transition:opacity .2s}.header-nav a:hover{opacity:.5}.footer{z-index:100;color:#333;font-size:11px;position:fixed;bottom:80px;right:80px}@media (max-width:768px){.header{top:30px}.page{padding:30px}.page-content{margin-top:60px;margin-bottom:60px}.site-name{font-size:18px}.header-nav{font-size:12px}.footer{bottom:30px;right:30px}}