* {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  text-decoration: none;
}

body {
  background-color: black;
}

.links {
  top: 20px;
  display: flex;
  margin-left: 200px;
  position: fixed;
  gap: 150px;
}

.links a {
  color: grey;
}

.links a:hover {
  color: white;
}

.img-1 {
  position: absolute;
  top: 250px;
  margin-left: 200px;
}

.img-2 {
  position: absolute;
  top: 200px;
  margin-left: 200px;
  height: 300px;
  border-radius: 10px;
}

.img-3 {
  position: absolute;
  height: 100px;
  top: 350px;
  margin-left: 200px;
}

.img-4 {
  position: absolute;
  height: 100px;
  width: 100px;
  top: 350px;
  margin-left: 500px;
}

.img-5 {
  position: absolute;
  height: 100px;
  width: 100px;
  top: 350px;
  margin-left: 800px;
}

.img-6 {
  position: absolute;
  height: 100px;
  top: 350px;
  margin-left: 1100px;
}

.img-7 {
  position: absolute;
  top: 530px;
  margin-left: 180px;
}

.img-8 {
  position: absolute;
  top: 530px;
  margin-left: 215px;
}

.img-9 {
  position: absolute;
  top: 530px;
  margin-left: 250px;
}

.img-10 {
  position: absolute;
  top: 530px;
  margin-left: 285px;
}

.img-11 {
  position: absolute;
  top: 530px;
  margin-left: 480px;
}

.img-12 {
  position: absolute;
  top: 530px;
  margin-left: 515px;
}

.img-13 {
  position: absolute;
  top: 530px;
  margin-left: 550px;
}

.img-14 {
  position: absolute;
  top: 530px;
  margin-left: 585px;
}

.img-15 {
  position: absolute;
  top: 530px;
  margin-left: 780px;
}

.img-16 {
  position: absolute;
  top: 530px;
  margin-left: 815px;
}

.img-17 {
  position: absolute;
  top: 530px;
  margin-left: 850px;
}

.img-18 {
  position: absolute;
  top: 530px;
  margin-left: 885px;
}

.img-19 {
  position: absolute;
  top: 530px;
  margin-left: 1080px;
}

.img-20 {
  position: absolute;
  top: 530px;
  margin-left: 1115px;
}

.img-21 {
  position: absolute;
  top: 530px;
  margin-left: 1150px;
}

.img-22 {
  position: absolute;
  top: 530px;
  margin-left: 1185px;
}

.img-23 {
  position: absolute;
  top: 200px;
  margin-left: 500px;
  height: 400px;
  border-radius: 10px;
}

.img-24 {
  position: absolute;
  top: 450px;
  margin-left: 500px;
}

.img-25 {
  position: absolute;
  top: 450px;
  margin-left: 580px;
}

.img-26 {
  position: absolute;
  top: 450px;
  margin-left: 660px;
}

.img-27 {
  position: absolute;
  top: 450px;
  margin-left: 740px;
}

.text-1 {
  color: white;
}

.text-1 h1 {
  position: absolute;
  top: 100px;
  font-size: 45px;
  margin-left: 200px;
}

.text-1 h4 {
  position: absolute;
  top: 160px;
  margin-left: 700px;
}

.text-2 {
  color: white;
}

.text-2 a {
  color: grey;
}

.text-2 a h1 {
  position: absolute;
  top: 100px;
  left: 500px;
}

.text-2 h3 {
  position: absolute;
  margin-left: 500px;
  top: 230px;
  width: 680px;
}

.text-3 {
  position: absolute;
  top: 330px;
  margin-left: 530px;
  color: white;
}

.text-4 {
  position: absolute;
  top: 400px;
  left: 500px;
  color: white;
}

.text-5 {
  color: white;
}

.text-5 a h1 {
  position: absolute;
  top: 150px;
  color: grey;
  margin-left: 600px;
}

.text-5 p {
  position: absolute;
  top: 220px;
  margin-left: 550px;
}

.text-6 {
  position: absolute;
  top: 470px;
  margin-left: 210px;
  color: white;
  font-size: 30px;
}

.text-6 {
  position: absolute;
  top: 470px;
  margin-left: 210px;
  color: white;
  font-size: 30px;
}

.text-7 {
  position: absolute;
  top: 470px;
  margin-left: 470px;
  color: white;
  font-size: 30px;
}

.text-8 {
  position: absolute;
  top: 470px;
  margin-left: 785px;
  color: white;
  font-size: 30px;
}

.text-9 {
  position: absolute;
  top: 470px;
  margin-left: 1100px;
  color: white;
  font-size: 30px;
}

.text-10 a h1 {
  position: absolute;
  top: 100px;
  color: grey;
  margin-left: 550px;
}

.text-11 h1 {
  position: absolute;
  top: 280px;
  margin-left: 100px;
  color: white;
  font-size: 50px;
}

.text-12 p {
  color: white;
  position: absolute;
  top: 270px;
  font-size: 20px;
  margin-left: 850px;
  width: 500px;
}

.text-13 a h1 {
  color: grey;
  position: absolute;
  top: 200px;
  margin-left: 600px;
}

.text-13 p {
  color: white;
  position: absolute;
  top: 270px;
  margin-left: 500px;
  font-size: 25px;
}

.text-13 button {
  border: 1px solid  white;
  background: none;
  color: white;
  position: absolute;
  top: 350px;
  margin-left: 600px;
  width: 150px;
  height: 30px;
  border-radius: 30px;
}

.text-14 {
  top: 580px;
  position: absolute;
  z-index: 1;
  margin-left: 500px;
}

.text-15 {
  position: absolute;
  top: 600px;
}

.box {
  position: absolute;
  width: 99.6%;
  height: 80px;
  background-color: grey;
  top: 574.5px;
  border-radius: none;
  border: 1px solid white;
}

@media (max-width: 600px) {
  .container .links {
    top: 30px;
    display: inline-block;
    margin-left: 5px;
  }
  .text-1 h1 {
    font-size: 30px;
    margin-left: 50px;
  }
  .text-1 h4 {
    top: 570px;
    margin-left: 50px;
  }
  .text-2 a h1 {
    top: 50px;
    margin-left: -400px;
  }
  .text-2 h3 {
    top: 100px;
    margin-left: 15px;
    width: 329px;
  }
  .text-3 {
    top: 230px;
    margin-left: 15px;
  }
  .text-4 {
    top: 300px;
    margin-left: -490px;
  }
  .text-5 a h1 {
    top: 50px;
    margin-left: 125px;
  }
  .text-5 p {
    margin-left: 50px;
    top: 100px;
  }
  .text-6 {
    top: 300px;
    margin-left: 140px;
  }
  .text-7 {
    top: 520px;
    margin-left: 100px;
  }
  .text-8 {
    top: 740px;
    margin-left: 110px;
  }
  .text-9 {
    top: 960px;
    margin-left: 120px;
  }
  .text-10 a h1 {
    margin-left: 110px;
    top: 50px;
  }
  .text-11 h1 {
    top: 120px;
    margin-left: 50px;
  }
  .text-12 p {
    top: 760px;
    margin-left: 15px;
    width: 320px;
  }
  .text-13 a h1 {
    top: 50px;
    margin-left: 100px;
  }
  .text-13 p {
    top: 100px;
    font-size: 20px;
    margin-left: 15px;
  }
  .text-13 button {
    top: 180px;
    margin-left: 80px;
  }
  .text-14 {
    top: 390px;
    margin-left: 15px;
  }
  .img-1 {
    top: 220px;
    height: 300px;
    width: 349px;
    margin-left: 5px;
  }
  .img-2 {
    top: 400px;
    margin-left: 50px;
    height: 300px;
  }
  .img-3 {
    top: 180px;
    margin-left: 120px;
  }
  .img-4 {
    top: 400px;
    margin-left: 120px;
  }
  .img-5 {
    top: 620px;
    margin-left: 120px;
  }
  .img-6 {
    top: 840px;
    margin-left: 120px;
  }
  .img-7 {
    top: 350px;
    margin-left: 100px;
  }
  .img-8 {
    top: 350px;
    margin-left: 135px;
  }
  .img-9 {
    top: 350px;
    margin-left: 170px;
  }
  .img-10 {
    top: 350px;
    margin-left: 205px;
  }
  .img-11 {
    top: 570px;
    margin-left: 100px;
  }
  .img-12 {
    top: 570px;
    margin-left: 135px;
  }
  .img-13 {
    top: 570px;
    margin-left: 170px;
  }
  .img-14 {
    top: 570px;
    margin-left: 205px;
  }
  .img-15 {
    top: 790px;
    margin-left: 100px;
  }
  .img-16 {
    top: 790px;
    margin-left: 135px;
  }
  .img-17 {
    top: 790px;
    margin-left: 170px;
  }
  .img-18 {
    top: 790px;
    margin-left: 205px;
  }
  .img-19 {
    top: 1010px;
    margin-left: 100px;
  }
  .img-20 {
    top: 1010px;
    margin-left: 135px;
  }
  .img-21 {
    top: 1010px;
    margin-left: 170px;
  }
  .img-22 {
    top: 1010px;
    margin-left: 205px;
  }
  .img-23 {
    margin-left: 15px;
    top: 350px;
  }
  .img-24 {
    margin-left: 35px;
    top: 280px;
  }
  .img-25 {
    margin-left: 100px;
    top: 280px;
  }
  .img-26 {
    margin-left: 165px;
    top: 280px;
  }
  .img-27 {
    margin-left: 230px;
    top: 280px;
  }
  .box {
    top: 380px;
    width: 350px;
    height: 120px;
  }
}
/*# sourceMappingURL=main.css.map */