html, body {
  height: 100%; /* Make sure the body takes full viewport height */
  margin: 0; /* Remove default margin */
}

body {
    font-family: 'Roboto', sans-serif;
  display: flex; /* Use flexbox to align child elements */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  text-align: center; /* Center text inside the block */
  background-image: url('/images/offersolve-full.svg'); 
     /* Size options ↓ */
  /* background-size: cover;   /* fills the viewport, crops if necessary   */
  /* background-size: contain; /* fits the whole image, letterboxes if needed */
  /* background-size: 300px 150px; /* explicit width & height               */
   background-size: 50% auto;      /* 50 % of viewport width, keep aspect  */

  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;  
  background-color: whitesmoke;
}

.centered-text {
  /* Style your text block */
  padding: 20px;
  color: white;
  /* Additional styling like background, font, etc. */
}

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.offersolve{
  font-size:10vw;
  text-shadow: 1px 1px 25px #1d416d;  
}
@media (min-width: 1200px) {
  .offersolve {
    font-size:75px; /* maximum font size */
  }
}