nav.svelte-12cgnig{display:flex;justify-content:space-between;padding:0 10px}nav.svelte-12cgnig .logo:where(.svelte-12cgnig) img:where(.svelte-12cgnig){padding:0;margin:0}nav.svelte-12cgnig ul:where(.svelte-12cgnig){display:flex;gap:20px;flex-direction:row;justify-content:space-between;list-style:none;margin:0;padding:0;align-items:center}nav.svelte-12cgnig ul:where(.svelte-12cgnig) a:where(.svelte-12cgnig){text-decoration:none;color:#000}nav.svelte-12cgnig ul:where(.svelte-12cgnig) li:where(.svelte-12cgnig){padding:10px;border-radius:5px;border:2px solid black}nav.svelte-12cgnig ul:where(.svelte-12cgnig) li:where(.svelte-12cgnig):hover{cursor:pointer;color:var(--secondary-color);border-color:var(--secondary-color);opacity:20%}.footer.svelte-q8p9xx{display:flex;justify-content:space-between;align-items:center;width:100%;background-color:var(--background-color);filter:brightness(85%)}.footer.svelte-q8p9xx .left:where(.svelte-q8p9xx) p:where(.svelte-q8p9xx){font-size:.75em;margin:0;padding:0 0 0 30px}.footer.svelte-q8p9xx .middle:where(.svelte-q8p9xx) a:where(.svelte-q8p9xx){color:var(--primary-color);text-decoration:none;display:flex;align-items:center;gap:8px}.footer.svelte-q8p9xx .middle:where(.svelte-q8p9xx) a:where(.svelte-q8p9xx) p:where(.svelte-q8p9xx){margin:5px;font-size:1em}.footer.svelte-q8p9xx .right:where(.svelte-q8p9xx){display:flex;justify-content:flex-end}.footer.svelte-q8p9xx .right:where(.svelte-q8p9xx) img:where(.svelte-q8p9xx){width:140px;height:auto;padding:0 30px 0 0}.socials.svelte-q8p9xx{display:flex;width:100%;flex-direction:row;justify-content:space-evenly}#stravalogo.svelte-q8p9xx{width:20px;height:20px}#facelogo.svelte-q8p9xx{width:20px;height:20px;filter:brightness(0) saturate(100%)}:root{font-family:Kodchasan,sans-serif;--primary-color: #393e41;--secondary-color: #734000;--background-color: #f6f7eb;background:var(--background-color)}h1,h2,h3,h4,h5{color:var(--primary-color)}h1{font-weight:500}h2{font-weight:400}h3{font-weight:300}p{color:var(--primary-color)}body{display:grid;grid-template-columns:25%vw 25%vw 25%vw 25%vw;grid-template-rows:auto 1fr auto;grid-template-areas:"header header header header" "main main main main" "footer footer footer footer";min-height:100vh;margin:0;padding:0}.navbar.svelte-5oyym9{grid-area:header}.main.svelte-5oyym9{grid-area:main}.footer.svelte-5oyym9{grid-area:footer}.svelte-5oyym9{font-display:swap}