header{flex-direction:column;gap:1rem;margin-bottom:2.5rem;display:flex}header h1,header p{text-align:center;margin:0}header h1{font-weight:700;line-height:1.2}header p{max-width:48rem;margin:0 auto;font-size:1.125rem;line-height:1.75rem}main{grid-template-columns:1fr;display:grid}@media (min-width:768px){main{grid-template-columns:repeat(2,1fr)}}@media not (max-width:1024px){main{grid-template-columns:repeat(3,1fr)}}main section ul{border-left:1px dashed var(--jq-primary-color);flex-direction:column;gap:.5rem;margin:0;padding-left:2rem;list-style:none;display:flex}main section ul li a{width:-moz-fit-content;width:fit-content;height:2.5rem;color:var(--jq-text-color);font-family:var(--jq-text-font-techno);align-items:center;padding:.5rem;text-decoration:none;transition:color .25s ease-in-out,translate .15s ease-in-out,-webkit-text-decoration .15s ease-in-out,text-decoration .15s ease-in-out;display:flex;translate:0}main section ul li a:where(:hover,:focus){color:var(--jq-neon-light);text-decoration:underline;translate:.25rem}