@import url('../main-css-components/style.css');
@import url('../main-css-components/navbar.css');
@import url('../main-css-components/button.css');
@import url('../main-css-components/footer.css');
@import url('../responsive/responsive-main-css-components/responsive-button.css');
@import url('../responsive/responsive-main-css-components/responsive-navbar.css');

main {
    margin-top: 8rem;
  margin-bottom: 8rem; /* space between main and footer */
}

main h1 {
  text-align: center;
  color: white;
  font-size: 2.8rem;
  margin-top: 2rem;
  margin-bottom: 1rem; /* space between title and subtitle */
}

.subtitle {
  text-align: center;
  color: #ddd;
  font-size: 1.3rem;
  margin-bottom: 2.5rem; /* space below subtitle */
}