:root {
    --bg: #f5f5f7;

    --text-secondary: #6e6e73;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: Arial, sans-serif;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    color: #686868;

}

main {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

h1 {
    font-size: clamp(3.5rem, 8vw, 7rem);

    line-height: 0.92;
    letter-spacing: -5px;
}

h2 {
    font-size: 1.25rem;
  line-height: 1.7;
}

footer {
    text-align: center;
    padding: 15px;
}

@media (max-width: 768px) {

  h1 {
    letter-spacing: -3px;
  }

  h2 {
    font-size: 1.05rem;
  }
  
}