.container{z-index:10;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:1.5rem;max-width:800px;height:100%;margin:0 auto;padding:2rem;display:flex;position:relative}.row{align-items:center;gap:1.5rem;display:flex}.row h1{margin:0;font-size:3rem}.logo{width:3.75rem;height:3.75rem;display:flex}.container p{max-width:800px;margin:0;font-size:1.25rem;line-height:1.75}.container nav{flex-wrap:wrap;gap:2rem;margin:0;display:flex}.nav-item{font-family:var(--font-space-mono), monospace;align-items:center;font-size:1.5rem;transition:color .3s,transform .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.nav-item:hover{color:var(--txt-0);transform:translate(15px)}.nav-item:hover~.nav-item{transform:translate(15px)}.nav-item-icon{justify-content:center;align-items:center;width:1.2ch;height:1em;margin-right:.3em;display:inline-flex;position:relative}.nav-item .arrow{opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;transform:rotate(-90deg)scale(0)}.nav-item:hover .arrow{opacity:1;transform:rotate(0)scale(1)}.nav-item .slash{opacity:1;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;transform:rotate(0)scale(1)}.nav-item:hover .slash{opacity:0;transform:rotate(90deg)scale(0)}@media (max-width:600px){.container nav{flex-direction:column;align-items:flex-start;gap:1rem}.row{flex-direction:column-reverse;align-items:flex-start;gap:1rem}.row h1{font-size:2.25rem}}