.test{background:red}html{font-family:Outfit,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}html body{font-size:14px;max-width:700px;margin:auto;padding:0 25px}html body p{font-size:14px}html body main{min-height:calc(100vh - 250px);padding:125px 0;display:flex;flex-flow:column;justify-content:center;align-content:center}.test.svelte-1q8utkw.svelte-1q8utkw{background:red}header.svelte-1q8utkw.svelte-1q8utkw{position:fixed;top:0;left:0;width:100%;display:flex;padding:25px;box-sizing:border-box;gap:25px;border-bottom:1px solid #bbb;transition:transform .3s linear;background-color:var(--bg-color, #fff);z-index:1;justify-content:center}@media (max-width: 750px){header.svelte-1q8utkw.svelte-1q8utkw{justify-content:left;padding:15px 25px}}header.svelte-1q8utkw .title.svelte-1q8utkw{font-size:30px;font-weight:600}header.show.svelte-1q8utkw.svelte-1q8utkw{transform:translateY(0)}header.hide.svelte-1q8utkw.svelte-1q8utkw{transform:translateY(-100%)}header.svelte-1q8utkw .logo-container.svelte-1q8utkw{display:flex;gap:15px}header.svelte-1q8utkw [ref=nav-logo]{max-width:50px}