nav.top{background:#fff;height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;width:calc(100% - 40px)}nav.top a.logo{flex-grow:1;font-size:21px}nav.top a#signIn{display:flex;align-items:center;justify-content:center;border-radius:99px;background:var(--x);color:var(--t);padding:0 15px;font-weight:600;height:32px;transition:.3s ease;box-shadow:none}nav.top a#signIn.dashboard{color:var(--p)!important;font-weight:700;background:0 0;padding:0}nav.top a#signIn.dashboard:hover{padding:0 15px;background:var(--x)}nav.top a#signIn:hover{background:var(--p);color:#fff}.header-shadow{height:1px;width:100vw;background:var(--g);position:-webkit-sticky;position:sticky;top:0;transition:.3s ease}@media(min-width:768px){.header-shadow{display:none}}.header-shadow.hidden{opacity:0}footer{box-shadow:inset 0 1px var(--g);background:#fff;padding:40px 20px;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}footer a,footer small{font-size:15px;color:var(--t)}nav.top{box-shadow:0 1px var(--g)}body{min-height:100vh;display:flex;flex-direction:column}header,article{width:calc(100% - 40px);max-width:780px;padding:0 20px;margin:0 auto}header p{font-size:21px;margin-bottom:24px;line-height:1.5;font-weight:400}article{padding-bottom:40px;flex-grow:1}hr{height:1px;border:none;background:var(--g);margin:32px 0}