.header{padding:30px var(--grid-padding) 30px;width:100%;z-index:100}.header__container{align-items:center;display:flex;gap:20px;line-height:1}@media screen and (max-width:1024px){.header__container{align-items:center;flex-direction:column;gap:15px}}.header__ttl{font-family:var(--font-family-secondary);font-size:12rem;line-height:1;margin-left:-.5rem}@media screen and (min-width:1400px){.header__ttl{font-size:15rem}}@media screen and (max-width:767px){.header__ttl{font-size:5rem;margin-left:0}}.header__name{animation:sway 6s cubic-bezier(.34,1.56,.64,1) infinite,linkBlink 4s ease-in-out infinite;border:1px solid;border-radius:50%;display:block;overflow:hidden;transform:rotate(-5deg);width:-moz-fit-content;width:fit-content}@keyframes sway{0%{transform:rotate(-5deg)}50%{transform:rotate(2deg)}to{transform:rotate(-5deg)}}@keyframes linkBlink{0%{opacity:1}10%{opacity:.3}15%{opacity:1}20%{opacity:.3}40%{opacity:1}to{opacity:1}}@media screen and (max-width:767px){.header__name{text-align:center;transform:rotate(0)}}.header__name a{display:block;font-family:var(--font-family-secondary);font-size:1.4rem;line-height:1.2;padding:2.5rem 3rem 2.5rem 3.3rem;transition:all .3s}@media screen and (min-width:1400px){.header__name a{font-size:1.7rem;padding:2.7rem 3.5rem 2.7rem 3.7rem}}@media screen and (max-width:767px){.header__name a{font-size:1.2rem;padding:1.6rem 2.2rem 2rem 2.5rem}}.header__name a:hover{background-color:#333;color:#fff}.footer{background:transparent;bottom:0;display:grid;gap:var(--grid-col-gap);grid-template-columns:repeat(24,1fr);left:0;margin-bottom:30px;padding-inline:var(--grid-padding);position:fixed;width:100%}@media screen and (max-width:1024px){.footer{padding-inline:20px;position:relative}}.footer__copyright{font-family:var(--font-family-secondary);font-size:1.3rem;grid-column:1/10}