*{
  margin:0;
  padding:0;
}
html {
  font-size: 42.66666666666667px
}

@media (min-width: 360px) {
  html {
    font-size: 56.25px
  }
}

@media (min-width: 375px) {
  html {
    font-size: 58.59px
  }
}

@media (min-width: 400px) {
  html {
    font-size: 62.5px
  }
}

@media (min-width: 414px) {
  html {
    font-size: 64.68px
  }
}

@media (min-width: 450px) {
  html {
    font-size: 70.31px
  }
}

@media (min-width: 480px) {
  html {
    font-size: 75px
  }
}

@media (min-width: 510px) {
  html {
    font-size: 79.68px
  }
}

@media (min-width: 540px) {
  html {
    font-size: 84.37px
  }
}

@media (min-width: 570px) {
  html {
    font-size: 89.06px
  }
}

@media (min-width: 600px) {
  html {
    font-size: 93.75px
  }
}

@media (min-width: 630px) {
  html {
    font-size: 98.43px
  }
}

@media (min-width: 640px) {
  html {
    font-size: 100px
  }
}
body{
  max-width:640px;
  margin:0 auto;
  display:block;
  font-family: arial;
}

h1,
h2,
h3,
div,
p,
span,
ul,
li {
  margin: 0;
  padding: 0;
}