body {

  font-family: "Anton";

  background: linear-gradient(to bottom, #000000, #242424, #3b3b3b, #3a3a3a);

  color: white;

  position: relative;

  height: 100vh;

}



.logo img {

  width: 800px;

}



.title {

  color: #ffe600;

  font-size: 50px;

}



h2 {

  font-size: 50px;

}



a img {

  width: 70px;

}



.left {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 300px;

}



.left img {

  width: 100%;

}

.right {

  position: absolute;

  bottom: 0;

  right: 0;

  width: 400px;

}



.right img {

  width: 100%;

}



.left-mobile {

  width: 330px;

}

.left-mobile img {

  width: 100%;

}



.mobile-image {

  height: 400px;

}



.right-mobile {

  width: 420px;

}



.right-mobile img {

  width: 100%;

}

.tik {

  border-radius: 10px;

}



@media screen and (max-width: 1200px) {

  body {

    height: auto;

  }

}



@media screen and (max-width: 992px) {

  .logo img {

    width: 600px;

  }



  h2 {

    font-size: 40px;

  }

  main {

    height: auto;

  }

}



@media screen and (max-width: 768px) {

  .logo img {

    width: 400px;

  }



  .left-mobile {

    width: 230px;

  }



  .right-mobile {

    width: 320px;

  }

}



@media screen and (max-width: 640px) {

  .logo img {

    width: 300px;

  }



  .title {

    font-size: 40px;

    margin-top: 70px;

  }



  h2 {

    font-size: 27px;

  }



  a img {

    width: 40px;

  }



  /* .bottom-image {

    margin-top: 100px;

  } */

}