html {
    height: 100%;
    font-size: 10vw;
  }
  body {
    font-size: 16px;
    margin: 0px;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
  }
  p{
    margin:0px;
    margin-block-start:0px;
    margin-block-end:0px;
  }
  #messageBox{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  @media screen and (max-width: 380px) {
    html{
      font-size: 32px;
    }
    #messageBox{
      max-width: 80%;
      margin:0 auto;
      min-height:calc(100vh - 0.32rem);
    }
  }
  @media screen and (min-width: 381px) {
    html{
      font-size: 80px;
    }
    #messageBox{
      padding:0 48px 48px!important;
      min-height:calc(100vh - 0.48rem);
    }
  }