a{transition:color .25s ease}a:focus{top:1px}a:hover,a:focus{color:var(--a-hover-color,crimson)}body>aside,body>footer{--a-hover-color:lightgrey}a b{transition:box-shadow .125s ease}a b:hover{color:#fff;box-shadow:.125em .125em .125em rgba(0,0,0,.15),0 0 2em rgba(0,0,0,.25)inset}a:focus b{transition:none;box-shadow:.125em .125em .125em rgba(0,0,0,.15),0 0 4em rgba(0,0,0,.5)inset}footer>a:hover svg{position:relative;right:-.125rem}@media screen and (max-width:640px){header nav button{cursor:pointer}header nav ul{transition:transform .2s ease}header nav:has(button:focus,a:hover,a:focus) ul{transform:none;flex-direction:column;align-items:center;justify-content:center;width:100%;background:#000;color:#fff;padding-block:4rem}}