/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

.backgoround-clor {
  background-color: white;
}

.ptext-color {
  color: black;
}

.material-icons {
  position: relative;
  top: 6px;
}

.text-container {
  max-width: 600px;
}

.logo {
  padding: 4%;
  height: 70vh;
  width: auto;
  cursor: pointer;
}

.gif-animation {
  padding-top: 4%;
  max-width: 465px;
  width: 465px;
}

@media only screen and (max-width: 344px) {
  .gif-animation {
    padding-top: 7%;
    max-width: 465px;
    width: 465px;
  }
  .logo {
    padding-top: 20%;
    padding-left: 5%;
    padding-right: 5%;
    height: 38vh;
    width: auto;
  }
}

@media only screen and (max-width: 430px) {
  .gif-animation {
    padding-top: 7%;
    max-width: 465px;
    width: 465px;
  }
  .logo {
    padding-top: 20%;
    padding-left: 5%;
    padding-right: 5%;
    height: 45vh;
    width: auto;
  }
}

@media only screen and (max-width: 1024px) {
  .gif-animation {
    padding-top: 7%;
    max-width: 465px;
    width: 465px;
  }
  .logo {
    padding-top: 20%;
    padding-left: 5%;
    padding-right: 5%;
    height: 52vh;
    width: auto;
  }
}

@media only screen and (orientation: landscape) {
  .logo {
    padding-top: 5%;
    padding-left: 5%;
    padding-right: 5%;
    height: 80vh;
    width: auto;
  }
}

.telegram-text {
  text-align: center;
}

@media only screen and (max-width: 600px) {
  .telegram-text {
    text-align: center;
  }
}