*,*::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
    color-scheme: light dark;
    scroll-behavior: smooth;
    scroll-padding-top: 2rem;
  }

body{
    font-family: 'Tex Gyre Adventor', Arial, Helvetica, sans-serif;
    color: var(--text-color);
}

.main-layout{
    min-height: 100vh;
    min-height: 100dvh; /* mobile fallback */
    display: grid;
    grid-template-rows: auto 1fr auto;
}

@media (max-width: 600px) {
    h3{
        font-size: 1.5rem;
    }
    p{
        font-size: 1.2rem;
    }
}