@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");

/* CSS Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; /* Ensure padding and border are included in element's total width and height */
}

/* Make the background fixed and cover the entire viewport */
body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  height: 100vh;
  background-image: url("test.png");
  background-size: cover; /* Ensures the background covers the entire area */
  background-attachment: fixed; /* Keeps the background in place */
  background-position: center; /* Center the background */
}

/* Basic content styling */
.content {
  display: flex; /* Enable Flexbox */
  flex-direction: column; /* Arrange children in a column */
  justify-content: center; /* Center vertically */
  align-items: center; /* Center horizontally */
  height: 100vh; /* Set height to 100% of the viewport */
  color: black; /* Text color */
  padding: 20px; /* Optional padding */
  text-align: center; /* Center text */
}

h1 {
  font-family: "Montserrat", sans-serif;
  font-size: 5rem;
  font-weight: normal;
}

p {
  font-family: "Nunito Sans", sans-serif;
  font-size: 1.5rem;
  max-width: 600px;
  margin: 0 auto;
}

/* Responsive font sizes */
@media (max-width: 768px) {
  h1 {
    font-size: 2rem;
  }

  p {
    font-size: 1rem;
  }
}