@media(max-width:420px) and (max-height: 920px) {
  .center {
    font-size: 45px;
    bottom: 7%;
  }

  .bottomleft {
    font-size: 40px;
    width: 70px;
  }

  .topleft {
    font-size: 26px;
    width: 76px;
    top: 14%;
  }

  .bottomright {
    font-size: 36px;
    bottom: 32% !important;
  }
}
@media(max-width:420px) and (max-height: 914px) {
  .center {
    font-size: 45px;
    bottom: 7%;
  }

  .bottomleft {
    font-size: 40px;
    width: 70px;
  }

  .topleft {
    font-size: 27px;
      width: 88px;
      top: 9%;
  }

  .bottomright {
    font-size: 36px;
    bottom: 32% !important;
  }
}
@media(max-width:420px) and (max-height: 850px) {
  .bottomleft {
      font-size: 36px;
      width: 70px;
  }
  .topleft {
    font-size: 24px;
    width: 94px;
    top: 10%;
  }
}
@media(max-width:420px) and (max-height: 800px) {
  .bottomleft {
      font-size: 34px;
      width: 70px;
  }
  .topleft {
    font-size: 27px;
    width: 94px;
    top: 13%;
  }
  .bottomright {
    font-size: 38px;
    bottom: 30% !important;
  }
}
@media(max-width:420px) and (max-height: 799px) {
  .bottomleft {
  top: 42%;
  }
  .topleft {
    font-size: 26px;
    top: 20%;
  }
  .bottomright {
    bottom: 28% !important;
  }
}
@media(max-width:420px) and (max-height: 699px) {
  .bottomleft {
font-size: 32px;
  }
  .topleft {
    font-size: 24px;
    width: 92px;
  }
  .bottomright {
    bottom: 22% !important;
    font-size: 38px;
  }
}