* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

section {
  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%23SvgjsMask1000%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='%230e2a47'%3e%3c/rect%3e%3cpath d='M640.5 537.36L672.81 537.36L672.81 569.67L640.5 569.67z' stroke='%23d3b714'%3e%3c/path%3e%3cpath d='M951.34 550.91 a22.06 22.06 0 1 0 44.12 0 a22.06 22.06 0 1 0 -44.12 0z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M492.31 418.01 a43.91 43.91 0 1 0 87.82 0 a43.91 43.91 0 1 0 -87.82 0z' stroke='%23d3b714'%3e%3c/path%3e%3cpath d='M1317.33 189.12L1328.5 189.12L1328.5 192.44L1317.33 192.44z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M1096.8 210.14L1108.44 210.14L1108.44 221.78L1096.8 221.78z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M741.3 317.68L769.77 317.68L769.77 345.17L741.3 345.17z' stroke='%23d3b714'%3e%3c/path%3e%3cpath d='M733.49 82.28L772.92 82.28L772.92 94.92L733.49 94.92z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M479.76 287.21L519.23 287.21L519.23 326.68L479.76 326.68z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M970.37 511.59 a52.91 52.91 0 1 0 105.82 0 a52.91 52.91 0 1 0 -105.82 0z' fill='%23d3b714'%3e%3c/path%3e%3cpath d='M50.67 270.21L91.14 270.21L91.14 322.93L50.67 322.93z' fill='%23037b0b'%3e%3c/path%3e%3cpath d='M916.13 25.58 a29.1 29.1 0 1 0 58.2 0 a29.1 29.1 0 1 0 -58.2 0z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M697.82 398.11L728.71 398.11L728.71 429L697.82 429z' fill='%23d3b714'%3e%3c/path%3e%3cpath d='M110.22 274.12L143.72 274.12L143.72 294.36L110.22 294.36z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M423.69 280.09 a49.54 49.54 0 1 0 99.08 0 a49.54 49.54 0 1 0 -99.08 0z' fill='%23037b0b'%3e%3c/path%3e%3cpath d='M1394.88 452.01a18.43 18.43 0 1 0-36.71-3.39z' stroke='%23037b0b'%3e%3c/path%3e%3cpath d='M471.56 332.95L489.4 332.95L489.4 350.79L471.56 350.79z' fill='%23d3b714'%3e%3c/path%3e%3cpath d='M1255.07 71.33a3.11 3.11 0 1 0 3.45-5.17z' stroke='%23d3b714'%3e%3c/path%3e%3cpath d='M1055.5 386.28L1094.46 386.28L1094.46 430.51L1055.5 430.51z' stroke='%23d3b714'%3e%3c/path%3e%3cpath d='M293.12 355.33L330.4 355.33L330.4 367.8L293.12 367.8z' stroke='%23037b0b'%3e%3c/path%3e%3cpath d='M197.87 220.43L239.74 220.43L239.74 253.85L197.87 253.85z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M696.21 38.38L713.65 38.38L713.65 78.37L696.21 78.37z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M1125.73 384.67 a53.98 53.98 0 1 0 107.96 0 a53.98 53.98 0 1 0 -107.96 0z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M621.84 464.52 a30.84 30.84 0 1 0 61.68 0 a30.84 30.84 0 1 0 -61.68 0z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M225.26 211.7L270.45 211.7L270.45 256.89L225.26 256.89z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M1379.38 385.54L1412.55 385.54L1412.55 418.71L1379.38 418.71z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M196.82 478.95 a29.33 29.33 0 1 0 58.66 0 a29.33 29.33 0 1 0 -58.66 0z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M911.99 187.47a55.44 55.44 0 1 0 63.57-90.85z' stroke='%23d3b714'%3e%3c/path%3e%3cpath d='M214.74 483.96a38.11 38.11 0 1 0-36.34 67z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M778.43 37.75L807.04 37.75L807.04 43.5L778.43 43.5z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M774.98 467.14L810.64 467.14L810.64 470.88L774.98 470.88z' fill='%23d3b714'%3e%3c/path%3e%3cpath d='M1151.04 39.97L1175.95 39.97L1175.95 64.88L1151.04 64.88z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M772.87 169.08L797.43 169.08L797.43 193.64L772.87 193.64z' stroke='%23d3b714'%3e%3c/path%3e%3cpath d='M1107.68 496.73 a40.05 40.05 0 1 0 80.1 0 a40.05 40.05 0 1 0 -80.1 0z' stroke='%23d3b714'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1000'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 100vh;
  width: 100%;
  /* filter: blur(6px); */
}

.center {
  color: white;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.btn {
  margin: 0 auto;
  height: 60px;
  width: 300px;
  background: #5454ff;
  border: none;
  border-radius: 6px;
  font-size: 25px;
  color: #000;
  cursor: pointer;
}

.modal-parent {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  display: none;
}

.modal {
  background: white;
  width: 70%;
  padding: 30px;
  border-radius: 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 22px;
  font-family: arial;
  position: relative;
  animation: 0.5s drop;
}

@keyframes drop {
  0% {
    top: -100px;
  }

  100% {
    top: 50%;
  }
}

.X {
  position: absolute;
  right: 20px;
  top: 5px;
  font-size: 40px;
  cursor: pointer;
}

section {
  transition: 2s;
}