@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700&display=swap');

body {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1017%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(239%2c 239%2c 239%2c 1)'%3e%3c/rect%3e%3cpath d='M 0%2c435 C 96%2c387 288%2c221.6 480%2c195 C 672%2c168.4 768%2c328.2 960%2c302 C 1152%2c275.8 1344%2c111.6 1440%2c64L1440 560L0 560z' fill='rgba(51%2c 51%2c 51%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1017'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
background-size: 200%;
backrground-repeat: no-repeat;
background-position: bottom;
height: 100vh;
}

#main-container {
  padding: 25vh 0vh;
}

.content {
  display: block;
  margin: 0 auto;
  max-width: fit-content;
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'Poppins', sans-serif;
  font-size: 48px;
  font-weight: 500;
  text-align: center;
  color: #fff;
  margin: 0;
}

p, span {
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  text-align: center;
  color: #fff;
  margin: 0;
}

img {
  max-width: 360px;
  display: block;
  margin: 0 auto;
}